--- url: 'https://dxpr.com/markdownify/taxonomy/term/1015' title: 'Follow a tutorial | DXPR' author: name: Anonymous updated: '2026-10-23T14:31:17+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: website summary: "Each tutorial here builds one complete page type with DXPR Builder, with a video that shows every click. You end with a finished page that you fill with your own words and photos. Find your goal in the table and open the tutorial next to it. I want to ... Use Needs open a page with a full-screen photo and a button Design a hero section a wide photo promote one offer with features and testimonials Build a marketing landing page a hero photo announce an event with a map and speakers Build an event page a hero photo tell visitors who you are Create an About Us page a team or office photo list the services you sell Create a services page a photo and client logos give visitors a map, contact details and a form Create a contact page a form block, such as a webform list your blog posts with a sidebar Design a blog listing layout a view of your posts answer common questions Build an FAQ page nothing extra show your projects in a grid Build a portfolio gallery a cover photo per project show photos in a grid and a slideshow Build an image gallery six photos introduce the whole team Build a team directory nothing extra sell one product Build a product page a product photo compare plans and prices Build a pricing table nothing extra tell one client story with results Write up a case study two photos put a small site on one scrolling page Create a one-page scrolling website a hero photo learn which column layout fits which content Lay out content in columns nothing extra build the front page of a help centre Build a knowledge base nothing extra put a form inside a page you already have Add forms to pages a form block, such as a webform make a page easy for search engines to read Build SEO-friendly pages a photo Which should I use Pick the tutorial whose page is closest to yours, even when your subject differs. A council can follow the event page for a public meeting, and a school the services page for its programmes. Some tutorials build parts that fit into other pages. The hero section opens almost any page. The pricing table and the form fit inside a product or landing page. The columns and SEO tutorials teach habits for every page you build. Before you start Your role has the Edit with DXPR Builder permission. You start from an empty page: go to Content > Add content > Landing Page (/node/add/landing_page), type a title and click Save. New elements land at the top of their section or column. Each tutorial adds them in an order that accounts for this. Save your creations After you build a section you like, save it as a template to reuse it: Hover the section, click More, then Save as template. In the Save as Template dialog, type the Template name. Tick Global template so every editor gets it, or leave it unticked to keep it private. Click Save. See User templates for details. What's next? Design a hero section to start with the part most pages open with." tags: - 'Build pages' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' --- ## [Follow a tutorial ](/hc/documentation/learn-dxpr-builder/tutorials/overview) Each tutorial here builds one complete page type with DXPR Builder, with a video that shows every click. You end with a finished page that you fill with your own words and photos. Find your goal in the table and open the tutorial next to it. | I want to ... | Use | Needs | |---|---|---| | open a page with a full-screen photo and a button | [Design a hero section](/hc/documentation/learn-dxpr-builder/tutorials/hero-section) | a wide photo | | promote one offer with features and testimonials | [Build a marketing landing page](/hc/documentation/learn-dxpr-builder/tutorials/marketing-landing) | a hero photo | | announce an event with a map and speakers | [Build an event page](/hc/documentation/learn-dxpr-builder/tutorials/event-page) | a hero photo | | tell visitors who you are | [Create an About Us page](/hc/documentation/learn-dxpr-builder/tutorials/about-page) | a team or office photo | | list the services you sell | [Create a services page](/hc/documentation/learn-dxpr-builder/tutorials/services-page) | a photo and client logos | | give visitors a map, contact details and a form | [Create a contact page](/hc/documentation/learn-dxpr-builder/tutorials/contact-page) | a form block, such as a webform | | list your blog posts with a sidebar | [Design a blog listing layout](/hc/documentation/learn-dxpr-builder/tutorials/blog-layout) | a view of your posts | | answer common questions | [Build an FAQ page](/hc/documentation/learn-dxpr-builder/tutorials/faq-page) | nothing extra | | show your projects in a grid | [Build a portfolio gallery](/hc/documentation/learn-dxpr-builder/tutorials/portfolio-gallery) | a cover photo per project | | show photos in a grid and a slideshow | [Build an image gallery](/hc/documentation/learn-dxpr-builder/tutorials/image-gallery) | six photos | | introduce the whole team | [Build a team directory](/hc/documentation/learn-dxpr-builder/tutorials/team-directory) | nothing extra | | sell one product | [Build a product page](/hc/documentation/learn-dxpr-builder/tutorials/product-page) | a product photo | | compare plans and prices | [Build a pricing table](/hc/documentation/learn-dxpr-builder/tutorials/pricing-table) | nothing extra | | tell one client story with results | [Write up a case study](/hc/documentation/learn-dxpr-builder/tutorials/case-study) | two photos | | put a small site on one scrolling page | [Create a one-page scrolling website](/hc/documentation/learn-dxpr-builder/tutorials/one-page-website) | a hero photo | | learn which column layout fits which content | [Lay out content in columns](/hc/documentation/learn-dxpr-builder/tutorials/multi-column-content) | nothing extra | | build the front page of a help centre | [Build a knowledge base](/hc/documentation/learn-dxpr-builder/tutorials/knowledge-base) | nothing extra | | put a form inside a page you already have | [Add forms to pages](/hc/documentation/learn-dxpr-builder/tutorials/add-forms) | a form block, such as a webform | | make a page easy for search engines to read | [Build SEO-friendly pages](/hc/documentation/learn-dxpr-builder/tutorials/seo) | a photo | ## Which should I use Pick the tutorial whose page is closest to yours, even when your subject differs. A council can follow the event page for a public meeting, and a school the services page for its programmes. Some tutorials build parts that fit into other pages. The hero section opens almost any page. The pricing table and the form fit inside a product or landing page. The columns and SEO tutorials teach habits for every page you build. ## Before you start - Your role has the **Edit with DXPR Builder** permission. - You start from an empty page: go to **Content** > **Add content** > **Landing Page** (`/node/add/landing_page`), type a title and click **Save**. - New elements land at the top of their section or column. Each tutorial adds them in an order that accounts for this. ## Save your creations After you build a section you like, save it as a template to reuse it: 1. Hover the section, click **More**, then **Save as template**. 2. In the **Save as Template** dialog, type the **Template name**. 3. Tick **Global template** so every editor gets it, or leave it unticked to keep it private. 4. Click **Save**. See [User templates](/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates) for details. ## What's next? [Design a hero section](/hc/documentation/learn-dxpr-builder/tutorials/hero-section) to start with the part most pages open with.