Building a page

Home > Ontraport for marketing > Pages > Building a page

Home > Pages > Building a page

This lesson walks you through how to build an Ontraport page from start to finish.

In this lesson you'll learn:

How to create the page and adjust the settings
How to add and organize the blocks
How to add and edit page elements
How to tweak your design for mobile
How to double-check your form settings
How to publish your page

Next lesson

Return to: Pages

Comments

[Block//Author//First Name ##cap_first] [Block//Author//Last Name ##cap_first] on [Block//Date Added %F j, Y g:i a%+0d0h0m]

[Block//Comment]

Leave your comment

14-day free trial. No commitment.

Start your free trial to start growing your business with Ontraport.

Related resources

[Block//Resource Type]

[Block//Resource Name]

[Block//Resource Description ##ellipsis(166)]

Transcript

In this lesson, you'll build an Ontraport Page from start to finish in six steps. You don't need any design experience. If you haven't watched Overview: How pages work yet, start there. Click Pages in the top navigation, then click New page. Start from scratch, or pick one of the professionally designed templates and edit it. At the top left of the editor are three global settings. Font Style sets the default fonts across the page. Color Palette holds five colors your elements can use, so changing one color updates the whole page. And Page Width sets how wide your published page is: small, medium, large, full or custom. Next, open the Settings tab. Under SEO and social, add a title, which shows at the top of the browser window, a description for search results, and a social image for when people share your link. While the page is still a work in progress, you can turn on Disable search engines from indexing this page. Pages are built from blocks. Delete any template blocks you don't need. To add one, hover over the grey plus icon and click Add block. You can build your own, use a favorite or a global block, copy one from another page, or pick a pre-designed block. Hover over a block and click the gear icon to open its settings. Use the up and down arrows to move it, the copy icon to duplicate it, and the trash icon to delete it. The sidebar sets the block's background, spacing and border. To add columns, click Edit block, then click a plus sign on the left or right side. Plus signs on the top or bottom add rows. A block can have up to 12 columns, and each column has its own background, spacing and border settings. Work through each block until the layout looks right. Now fill the layout with elements. Drag them in from the palette on the left. Click an image to choose your own, and click any text to type over it. To move or resize an element, hover over it and drag its handles. Click Preview anytime to see the finished page in a new window. Save keeps your work as an unpublished draft, and Version history lets you go back to an earlier published version. Hover over the device preview icon and click the mobile view icon to see your page the way phone visitors will. Mobile settings don't change your desktop layout. You can set mobile font styles, and adjust a block's mobile spacing under Edit block, then Spacing, then Mobile. If a block still doesn't work on a phone, you can set it to Desktop Only and make a Mobile Only copy. The Designing for mobile devices lesson goes deeper. If your page has a form, keep the Submit button in the same block as the fields. Click the Submit button, then click Form Settings at the bottom of the left column. Most settings can stay as they are, but choose the page visitors see after they submit. Point them to your own thank-you page. The default thank you page is Ontraport-branded. Click Publish. You have three options. Temporary domain puts your page on a free Ontraport domain, with your business name as the subdomain. My domain uses your own domain, once you've connected it for page hosting. And WordPress shows up once you've installed the Ontrapages plugin and turned on that option in Advanced features. Add a file name if you want one, then click Save and Publish. Ontraport adds an SSL certificate to your page automatically, so it shows the lock icon and HTTPS. That can take a few minutes, and sometimes up to 48 hours. Publishing your pages covers every option in detail. So: create your page and set its styles and SEO, lay out your blocks, add your content, check mobile, set your thank-you page, and publish. Next up: a closer look at page elements.