When your design is done, it’s time to publish your page.

Once your page is published, you’ll use its URL to share your links online and start driving traffic to your page.

You have three different publishing options:

1. Use an Ontraport domain
2. Use your own domain
3. Publish to WordPress

Regardless of the option you choose, the process always starts when you click  from your page builder.

Check out this Ontraport University lesson on publishing your pages:

Table of contents

Publish on an Ontraport domain
Publish on your own domain
• Publish your page
• Host pages to your main domain
Optional settings
• Make “www” work on your custom domain
• Make subdomains work on your custom domain
Publish on your WordPress site
SSL certificates
Don’t ‘force HTTPS’ — so you can use PURLs
Unhost your page

Publish on an Ontraport domain

If you don’t have a domain of your own, you can use one of Ontraport’s domains to publish your pages for free.

You can customize your URLs by adding a branded subdomain. Then you can continue to publish pages with similar URLs by using the same subdomain and adding file names to distinguish different pages, such as mysite.mytemporarydomain.com/pricing and mysite.mytemporarydomain.com/blog.

Ontraport offers the following free secure domains:

• Select “Use our domain.”
• Enter your subdomain.
• Select the Ontraport domain you’d like to use.
• (Optional) Add your file name.
• Click .

Publish on your own domain

Back to top

In order to publish your pages on your own domain, you’ll first need to connect your domain to your Ontraport account. If you haven’t done that yet, check out “Host pages to your main domain” section below before you publish your page.

Publish your page

Back to top

If you’ve already set up your domain, follow these steps to publish your Ontraport page:

• Select “Use your own domain.”
• Add the URL you’d like to publish your page on, such as mydomain.com for your homepage and mydomain.com/blog for your blog page.
• Click .

You should not include “www” before your custom domain in the “Use your own domain” field. If you do, all your links must include “www” to send visitors to your page.

If, however, you want to include “www” in your page URLs, follow the steps discussed in the “Make ‘www’ work” section below.

Host pages to your main domain

Back to top

If you own a domain, you can publish your Ontraport pages to it. You need to update your settings to host pages on a custom domain. Check out this article to learn how.

Optional settings

Back to top

Once you’ve got your main custom domain set up, there are a few optional settings you may be interested in:

Make “www” work on your custom domain

Back to top

When you purchase a new domain, www may not automatically be part of your URL. If you want visitors to be able to reach your site by typing in www.[your domain].com, follow the steps below:

• Log in to your registrar (the place you bought your domain name, such as GoDaddy) and navigate to DNS (domain name system) settings.
• Create this CNAME record:
  1. Type: CNAME

  Name/Host: www

  IP/Content/Points to: yourdomain.com

• Click Save.

At Godaddy, your CNAME will look like this.

Make subdomains work on your custom domain

Back to top

If you want to publish pages on a subdomain to your main domain, such as pages.mydomain.com, you need to create an A record for your subdomain. This option is great if you already have separate content on your main domain that you want to leave as is.

Here’s how: 

• Log in to your registrar (the place you bought your domain name, such as GoDaddy) and navigate to DNS (domain name system) settings.
• Create this A record:
1. Type: A

Name/Host: Add the subdomain you want, such as “pages.”

IP/Content/Points to: 209.170.211.179

• Click Save.

At Godaddy, your A record will look like this.

Publish on your WordPress site

Back to top

If you’d like to publish your page to an existing WordPress site, you’ll need to make sure that you’ve installed and activated the Ontrapage Plugin. Follow these steps to set up your Ontrapages plugin.

• Select “Publish to WordPress.”
• Click .
• Log in to your WordPress site as the administrator.
• Click  → .
• Add a title for your page, and select the saved name from Ontraport in the “Choose which Ontrapage you would like to use” drop down.
• Click .

SSL certificates

Back to top

SSL (Secure Sockets Layer) is a protocol that provides secure communications over a computer network or link, which helps visitors know a website is safe for browsing.

An SSL certificate creates an encrypted connection between web servers and browsers. It ensures that any data passed between you and the website can’t be stolen by hackers or malicious software.

There are two ways to spot whether a page has an SSL certificate installed. Secure pages have both a lock icon and HTTPS in the front of the URL. HTTPS is standard for web browsing now, and many browsers warn you if you try to visit an unsecure HTTP page.

Ontraport automatically applies an SSL certificate to your page URL (i.e, yourdomain.com) when you publish it. It can take anywhere from a few minutes to upwards of 48 hours before the change is reflected on your page.

Don’t ‘force HTTPS’ — so you can use PURLs

Back to top

A PURL is a personalized URL, such as jane.yourcompanyname.com, that you can create to personalize your pages for your contacts. Check out this article for more info on PURLs.

PURLs don’t work on secure pages so, in order to use them, you’ll need to select the “Don’t force HTTPS on this page (so that I can use PURLs)” from your Publish Page dialogue before clicking .

Unhost your page

Back to top

If you would like to take down your page from your published URL, you can unhost it by clicking  →  → .

From there, you can either publish your page again to a different URL or store it unhosted in your pages collection.

The post Publish your page appeared first on Ontraport Support Center.

It’s common to repeat certain content — such as navigation bars, blocks containing your business contact information, event announcements or promotional items — across several of your landing pages. With global blocks, you can save time and effort by reusing a block on multiple pages and, when you need to make an edit to the block, your changes will be made in all locations.

Here are a few common global block types that might be useful for you:

1. Branded headers/footers
2. Social proof (customer testimonials or online reviews)
3. Pricing options
4. Coupon offers
5. Event details
6. Contact information
7. Social media icons
8. Your bio/credentials
9. Images or logos

For example, below are header and footer global blocks that could be included on several pages.

Global blocks use the same drag and drop editor as any other block on your page, but they do have a few different options when editing and publishing.

Table of contents

Add
Edit
Save
Publish
Convert existing blocks
Detach from global editing
Remove
Delete
See all locations
Display settings
• Use case
Add your “Log in” link
Add your “Log out” link
Edit your display settings

Add

Adding global blocks is the same as adding any other block. The only difference is you’ll select “global blocks” from the left sidebar after clicking “add block.”

• Click → .
• Choose to either build your own block (either from scratch or using our pre-designed blocks) or add an existing global block.

Edit

Back to top

When you edit global blocks, you’ll see that the top bar is simplified with only the options that relate to blocks.

• Hover over your global block and click .
• Name your block in the top left corner.
• Edit the block as you would normal page blocks.

Save

Back to top

If you aren’t ready to update every instance of your global blocks, you can still edit them and save your changes in the editor. The next time that you edit your block, your changes will still be there but not added to the pages where your blocks live.

1. Click → → .

Publish

Back to top

When you’re satisfied with your edits, you can update all instances of your block by publishing it.

• Click . A confirmation pop up will appear and tell you how many pages will be updated. If you approve updating all the listed pages, click at the bottom of the pop up.
• Click to return to your page editor.

Convert existing blocks

Back to top

You can convert any block that you’ve created on any page to be a global block. So if you’ve already created navigation bars using normal blocks, you can easily make them global.

• Select the block you’d like to convert and click → → .
• Name your block in the top left corner.

Detach from global editing

Back to top

When you detach a global block from the page, that instance of your block stays on your page, but it’s detached from global editing. This is ideal if you need one page with a slightly different navigation bar or footer.

1. Hover over your global block and click → .

Remove

Back to top

When you remove a global block from your page, you can choose to remove the block from only the page you are editing or from all pages it is placed on.

1. Hover over your global block and click  (which appears on the right edge of the block), click which page(s) you would like to remove the block from, then click .

Delete

Back to top

Deleting a global block will remove it from your library and all pages where it’s placed.

• Click →  → .
• Type “DELETE” then click .

See all locations

Back to top

If you would like to make sure that you’ve put your global blocks on every page you need them, you can pull up a list of every page that has your block on it.

• From your global block editor click .
• You’ll see a pop up that lists the name of every page that has your global block on it. Click the page name, and the editor of that page will open in a new tab.

Use display settings

Back to top

Just like with normal blocks, you can add display conditions to your global blocks. This allows you to create a mobile only version of your global blocks, choose when you want your block to appear, and choose who you want to see your block. Here’s how:

• Set up your global block’s design then click Edit Block on the right side of your block.
• Click Display Settings and add the settings you’d like.
  1. Check out this article to see what each block display setting does.
• Click and save or publish your block.

Display settings use case

Back to top

The most common use case for global block display settings is creating a global navigation block that gives members who aren’t logged in a “Log in” link, and members who are logged in a “Log out” link.

An Ontraport Membership site is required for this use case.

Before you start, make sure you have two global blocks with the same design. The only difference between your global blocks is that one should say “Log in” and the other should say “Log out.”

You can use the Navigation page element to create your global blocks. This element allows you to create responsive navigation menus that are easy to add to any of your site’s pages.

Add your “Log in” link

Back to top

• Edit your global block that includes your link to log in.
• Click into your “Log in” link’s settings, and choose your Ontraport Membership login page from the “Ontraport Landing Page” link option.



• Click .

Add your “Log Out” link

Back to top

Now that you have a global navigation block that people who aren’t logged in to your membership site will see, it’s time to add your log out link and make sure only logged in members can see it. Here’s how:

• Edit your global block that includes your log out link.
• Click into your log out link’s settings, and select where you’d like to send members when they log out.
• In your links settings, check “Log members out of membership site.”
  1. This option is only available on pages that are published to your membership site’s domain.

  

• Click .

Edit your display settings

Back to top

• Click Edit Block → Display Settings.
• In the “Display this block to whom?” dropdown, select “Everyone except logged in members.”



• Click .
• Publish your global block.

That’s it! When your members visit your site and aren’t logged in, they will see a “Log in” link in their navigation, and once they log in they’ll see an option to log out.

The post Use global blocks on pages appeared first on Ontraport Support Center.

Ad hoc merge fields give you extra flexibility when personalizing pages. That’s because they allow you to insert dynamic content on the fly. Regular merge fields pull data from your records, and ad hoc merge fields use the URL to insert content into your page. These fields make it easy to customize your pages without creating custom fields or masking the field name you want to prefill.

How do ad hoc merge fields work?

When you use ad hoc merge fields, you need to add the name of your merge field and its value in your URL. If the ad hoc merge field on your page matches the merge field in your URL, your page will automatically fill it in with the value from your URL.

The example below shows ad hoc merge fields on a page. However, you can also use them to prefill visible and hidden fields on forms.

This process can help collect information about new leads before they opt in. For example, say your homepage includes links to different topics. You can use ad hoc merge fields to save new leads’ interests based on what they clicked before opting in. 

And the ad hoc merge fields allow you to mask the field you’re populating with a simpler term. For example, if you want to prefill a “Lead interest” field, you could replace the label with something simple like “int” for a cleaner-looking URL.

Create custom links with ad hoc merge fields

Pass the information you want to send by attaching a few parameters to the end of your custom link. Before you begin this process, be sure that the page you are creating a link for is already published.

Here’s an example of a link to a cardio fitness page that populated the ad hoc merge field [int] with the value “cardio”:

https://slurpeestoburpees.com/cardio?int=cardio

Creating these links is more manageable than it might seem. You will need your URL, an ad hoc field name and a value first.

URL: https://slurpeestoburpees.com/cardio

Ad hoc field names: Any text you want

• The only stipulations are that the merge field in your URL must be URL encoded — spaces need to be replaced with “+” or “%20” — and it must match the merge field you add to your page.

Value: The value you’d like to use to replace your ad hoc merge field

All that’s left is putting them together. There are a few characters you need to add to your link to string your parameters together:

? – This will go at the end of your URL. It should go directly after your top level domain — don’t add a “/” at the end.

+ – This will replace the spaces of your field names. 

= – This matches your field name to your merge field. 

& – This can be used to add multiple fields in your URL.

Follow these instructions to put it all together:

1. Start with your URL, and add “?” at the end of it: https://slurpeestoburpees.com/cardio?
2. Add your ad hoc field names: https://mysalespage.org?int
• If your ad hoc field name includes spaces, replace them with “+.”
3. Add “=” and the value you want to replace your merge field with.
• If your value includes spaces, replace them with “+.”
4. Add “&” and start again at step 2 if you have another field you would like to pass:  https://mysalespage.org?int=cardio&goal=heart+health

Using your custom links

Once you’ve created your links containing ad hoc merge fields, you’re ready to implement them. 

If you want to use your links in an email, you need to hyperlink them in your message. 

If you’re going to prefill form fields or hidden form fields with your ad hoc values, follow the steps in this article.

1. Always use the “set manually” option with ad hoc merge fields.

Use ad hoc merge fields to show/hide content

Another helpful way to use ad hoc merge fields is to show/hide content. To do this, you’ll use the “Only show this block if the page URL contains specific text” display option on your block display settings.

This is a helpful way to customize your visitors’ experiences based on their activity on your site, even if they haven’t opted in.

For example, imagine you have a page with links to all the states where you’re running events. When a visitor clicks on your “Washington” link, it adds an ad hoc merge field in your URL. If that URL sends visitors to your “Events” page, your page will display only the Washington events.

The post Pass URL variables to pages appeared first on Ontraport Support Center.

Multi-step forms — also known as progressive forms — are two or more forms linked together. It’s helpful to break up long forms this way to make the process easier for your site visitors.

Progressive forms are great for collecting basic details before payment information or for when your visitors need to provide a lot of information, such as a job application.

Check out this Ontraport University lesson on progressive forms:

Table of contents

Create progressive forms on pages (recommended)
• 1. Create your form pages
• 2. Edit your first page
• 3. Edit your intermediate pages
• 4. Edit your last page
Create progressive Ontraforms

Create progressive forms on pages (recommended)

Ontraport’s drag-and-drop page builder is the best way to create your multi-step forms. The forms you build on pages give you more flexibility and allow you to create more complex designs than standalone forms.

1. Create the pages of your form

Back to top

The first step of the process is to create and publish all of the pages of your form. Keep your published URLs handy for the next steps.

1. Learn more about creating forms on pages here.

Note, it’s best practice to add the “email” field to the first page of your form so that if your visitors only submit a portion of your multi-step form, you can still send them emails.

2. Edit your first page

Back to top

• Navigate to your first form page.
• Open your form’s settings and select your section page from the “use this landing page” dropdown in the “Send contacts here” section.
• Save and publish your changes to your first page.

3. Edit your intermediate pages

Back to top

Follow the same steps for all of the pages of your form in between the first and the last page.

• Navigate to the next page in your series.
• Edit your form’s settings and select your next page from the “use this landing page” dropdown in the “Send contacts here” section.



• Then scroll down to the advanced section and check the “Override email address merge with cookie data” setting.
1. Checking this box allows the information you collect on the second form to be added to the same contact record as the first form.



• Save and publish your changes.
• Repeat this step for all of your intermediary pages.

4. Edit your last page

Back to top

In this step, instead of linking to the next page of your form, you’ll link to your “Thank You” page so your visitors know that they successfully submitted your form.

• Open your final page and edit your form’s settings.
• Select your “Thank You” page from the “use this landing page” dropdown in “Send contacts here” section.



• Then scroll down to the advanced section and check the “Override email address merge with cookie data” setting.



• Save and publish your changes.

Create progressive Ontraforms

Back to top

Create multi-step forms using Ontraforms if you want your form to be a pop-up on a page.

Creating a progressive form using Ontraforms is almost exactly the same as using Ontraport Pages. The only difference is that you’ll select the next form from the “Pop Ontraform lightbox” dropdown.

The post Multi-step forms appeared first on Ontraport Support Center.

If you have created well-designed or useful page templates that you think others would benefit from, you can share them in Ontraport’s marketplace. You can choose between selling your page or sharing it for free, and either share with all Ontraport users or individuals of your choice.

If you choose to sell your template on the marketplace, Ontraport will take care of the billing and will send you 90% of the sale price when the transaction is completed. You can also share your pages with individual Ontraport users using a link, their email or an order form. Here’s how to share your pages.

Steps

• Create a profile in the Marketplace by clicking → Administration → Ontraport Marketplace → Profile Manager and filling in your information.
• Click and select the page you would like to share to the marketplace.
• From your page editor, click in the top right. Click Share with All Users or Share with Individual Users to choose who will have access to your page. 

Share with all users

This will make your page available as a template on Ontraport’s marketplace, and any account holder will be able to access it.

• Fill in the information about your page template, including a name, description and category.
• Choose if you would like to offer your template for free or charge for it.
1. If you choose to charge a fee, enter the price you’d like to charge in U.S. dollars. You will be paid via the paypal address you entered in your profile manager.
• Click .
• Approval can take a few business days. You can check on the progress by visiting → Administration → Marketplace Content Manager.

Share with individual users

Your page will not appear in Ontraport’s marketplace. Instead, you can share your templates with specific Ontraport users.

• Follow step 1 above.
• Select who you would like to share your page template with:
1. Anyone with link: Generate a link that, when clicked, will give Ontraport users the opportunity to  download your page. If the user is already logged in to their account, the page will automatically download. If not, the user will be prompted to either log in to their account or create an account.
2. Specific users: Enter the email address of Ontraport account holders you’d like to share your page template with. The email address should be the admin seat for easy installation. Please use the “anyone with link” option if you’re not sure of the user’s email address.
3. Anyone who has purchased or subscribed to a product: Select if you would like to share your page template with contacts who have made a one-time purchase or have a subscription/payment plan.
• Select the product a contact has purchased or is subscribed to, if you would like to sell your page as an asset.
• Create a sales page or an order form, and create a product for the page you want to sell.
• Select the product in your sharing options. When your form is submitted, the page will be downloaded into their account.
• To ensure pages are properly shared, it is important that the email address used on the order form matches the login email of a user in the account that is purchasing your template.

To stop sharing pages

• Go to → Administration → Marketplace Content Manager.
1. Select your shared page from the content manager, and click .
2. Go to the page, click the share icon and switch sharing off.  

The post Share pages in the marketplace appeared first on Ontraport Support Center.

Ontraport’s page editor (called Pages in app) allows you to customize pages using an intuitive drag-and-drop interface. Pages are made up of elements, such as text and images, that are housed inside of blocks which are the frames that create the layout of your page. Creating a page is simply a matter of arranging blocks and styling the elements to your liking.

Table of contents

Create a page from scratch
Edit your page settings
Edit your element settings
Set up desktop and mobile views
Use Ontraport’s AI Copywriter

Create a page from scratch

Back to top

• Go to   →  .
• Choose to start from scratch — you also have the option to pick a pre-built template to customize.
• Name your page.
• Click   to add a block to your page.
  1. Click   to open your block’s settings, and add columns and rows to create the layout of your page.
• Click and drag the page element you’d like to add from the pallet to your canvas.
  1. You can add forms either by adding form blocks to your page or by adding form elements to your page to build a custom form.

Edit your page settings

Back to top

1. Click   on the top left to edit your page settings.
2. Click to view previously published versions of your page.
   1. To restore a previously published version, choose the version of your page that you want to revert back to, then click Select → Continue to confirm your changes.
3. Click  to share your page with other users.
4. Click  to split test your page.

Edit your element settings

Back to top

1. Click the element you want to edit, then:
   1. Click  to set up your elements.
   2. Click  to control the padding, margins, alignment and sizing of your element.
      
   3. Click  to customize the appearance of your element.

Note: some elements, such as text and icons, don’t have a style button.

Set up desktop and mobile views

Back to top
At the top of your page editor, there are three icons you can use to customize how your page appears when it’s visited on different devices.

1. Click   to see all blocks on your page — both desktop and mobile-only blocks.
2. Click to see how your page will display on computers.
3. Click  to see how your page will display on mobile devices. You can also set mobile fonts and mobile width.
   1. Mobile width — or mobile breakpoint setting — lets you choose the viewing screen width that will trigger your page to be presented with mobile styling.

Use Ontraport’s AI Copywriter

Back to top

Create compelling page content quickly and easily with our AI Copywriter. The AI Copywriter uses natural language processing and machine learning to craft specific content on the subject matter you request. And you can select the format, such as “bullet points,” “paragraph summary” or “five sentences.”

Here are the steps:

• In the page editor, click the text box you want to edit.
• Click the AI Copywriter button on the top right.
1. The AI Copywriter window prompt will pop up.



• Tell it what you’d like in your copy and it will generate page content based on your input. The AI Copywriter will then generate copy based on your request.
1. The AI Copywriter will be most likely to produce desired results if you provide it with details about subject, length, format, tone and style.
2. For example, “Write me a short, upbeat paragraph about the benefits for couples attending my seminar on interpersonal communication happening next Wednesday. Include these benefits: better conflict management skills, lower cortisol levels and deeper connection with your partner.”



• If you are satisfied with the result, click Copy text and paste it wherever you like.
• If you don’t like the result or want to generate more copy, click Try Again. Your original input will remain but all AI-generated copy will be cleared.

The post Create and edit your page appeared first on Ontraport Support Center.

You build your Ontraport Pages by stacking blocks on top of each other. Blocks are made up of rows and columns, and within those are elements, like images, text buttons and forms.

This article shows you how to add and edit your blocks. Once you understand how blocks work, you can design pages that look great and help you attract more customers.

Table of contents

Add a block
• Build your own block
• Add a block from your favorites
• Add a global block
• Copy from existing page
• Add a pre-designed block
Edit your blocks
• Layout editor
• Block top bar
• Block sidebar
• Background
• Spacing
• Border, arrow and shadow
• Drop shadow
• Sticky block
• Display settings
Edit your columns
• Add columns and rows
• Column sidebar settings
• Background
• Spacing
• Border, arrow and shadow
• Sticky column

Add a block

Back to top

The first step of building your pages is to add blocks.

1. If you start your page from scratch, you’ll click the to add your first block to the page.



2. If you’re adding a block to a page that already has blocks on it, hover over and click where you want to add your block.

There are five ways to add a block to your page.

1. Build your own block

Back to top

This option lets you choose a block with a bare layout. You can always customize the columns and rows in your block.

1. Check out the ​​”Edit your columns” section below to learn more.

2. Add a block from your favorites

Back to top

If you’ve previously saved one of your block designs as a “favorite,” you can add it to your page. This makes it easy to reuse your designs and create consistency across your pages.

1. Check out your block’s top bar below to see how to add a block to your favorites.

3. Add a global block

Back to top

Another type of prebuilt block is a global block.

1. The main difference between global blocks and your favorite blocks is that the content on your global blocks will be exactly the same on every page you put them on. For example, your site’s navigation and footer blocks should have the same links everywhere, so we recommend you make them global.

4. Copy from existing page

Back to top

Another way to add one of your own pre-designed blocks is to copy it from an existing page. Use this option when you want to copy a block that is saved but not used frequently enough to be one of your favorites.

1. Choose your Ontraport page from the dropdown, then click on the block you want to copy.

5. Add a pre-designed block

Back to top

This option lets you choose from pre-designed blocks created by the Ontraport team.

1. Choose the type of block you’re looking for from your left sidebar, then click on the block you want to add.

Edit your blocks

Back to top

To edit your block, hover over its and click “Edit block.” All of the settings discussed in this article are only available after you click to edit your block.

We’ll focus on three areas:

• Layout editor settings
• Block topbar
• Block sidebar

Let’s check out what you can do.

1. Layout editor settings

Back to top

The controls you’ll see when you first open a block allow you to manage basic settings. You can name, move, copy and delete blocks with these controls.

Click to name your block.

1. We recommend you always name your blocks, particularly blocks that contain forms on your pages. When you select your form on your campaign triggers or goals, your block’s name will help you select the correct form.

Click to change the order your block appears on your page.

1. Each time you click the up or down button, your block will go up or down one block.

Click to copy your block.

1. The copy of your block will appear below your original.

Click to delete your block.

1. If you’re sure you want to remove your block click .

Click to confirm your settings and close your block’s settings.

2. Block top bar

Back to top

You’ll see your block toolbar at the top of your screen when you edit any block. Your block’s toolbar is where you can:

1. Convert your block to be dynamic
2. Make your block global
3. View your block’s grid, padding and margins
4. Add your block to your favorites

Click to convert your block to be a dynamic block.

1. Dynamic blocks let you create lists on your pages by pulling in information from your records, such as creating a list of related blog articles or courses.
2. Check out this article to learn more about dynamic blocks.

Click to make your block global.

1. Global blocks can be placed on multiple pages to repeat content, such as your site’s navigation. When you edit your blocks, the changes are made in all locations.
2. Check out this article for more information on setting up your global blocks.

Click to view the padding and margins on your block.

1. Padding appears as a blue highlight, and your margins are in red.
1. Blocks, columns, rows and elements all have their own spacing and position settings. This option lets you view all of those settings at once.
1. Margins are the space outside of your content, and padding is the space inside.

Click to add your block to your favorites.

3. Block sidebar

Back to top

Your block sidebar is where most of your block’s settings live. From there you can customize your block’s styling, make your block sticky and access your display settings. If your block has a form on it, you can also access your form settings there.

Here’s what you can do from each of these tabs:

Background

Your block background settings let you add four types of backgrounds to your blocks:

• Transparent
• Colors
• Image
• Video

Once you select a background type, you’ll have different customization options. For example, a transparent background doesn’t have any settings, and YouTube video settings allow you to darken your video and start at a specific time.

Spacing

Your block spacing settings let you control your block’s padding, margins, sizing and alignment.

1. These settings are for your entire block. If you want to edit a column, check out the “Edit your columns” section below.
2. Your elements also have their own spacing settings. Check out this article for more information.

You also have a mobile tab where you can customize the spacing used for mobile devices. This helps you make adjustments to ensure your block looks great on any device.

Border, arrow and shadow

These settings allow you to add a border to your block and customize its style. You can also add an arrow to the bottom of your block and add a drop shadow to your block and/or to your block’s content.

Borders

This setting lets you add a border to a block. As soon as you select a border style, other options will appear to let you customize it.

Border radius: This setting lets you round the corners of your block’s border.

1. Click to unlock your settings so you can select the border radius for each of your block’s corners individually.

Border style: You can choose from these eight border styles:

1. Click to unlock your border style settings.
1. This allows you to set different colors and widths on each side of your block.

Border color: Choose the color you want your border to be.

1. Click to change your border’s color when a visitor mouses over the block.
1. Choose the color you want from the “Border color (Hover)” dropdown.

Border width: Choose how wide you want your border to be.

Arrow borders

Arrow borders allow you to add an arrow to the bottom of your block. Your arrow will always use your block’s background color, which means that this option does not appear on blocks with backgrounds that are transparent, an image or a video.

These settings are simple. If you want to add an arrow border, select “bottom” from the type dropdown.

Drop shadow

Drop shadows allow you to add depth to your blocks. This usually indicates to your visitor that the block can move over blocks (check out the sticky block setting below) or that it is clickable. You have the option to add a drop shadow to your whole block, to the content in your block, or both!

You can choose from five sizes of drop shadow:

1. Extra small
2. Small
3. Medium
4. Large
5. Extra large

1. Click to unlock your drop shadow settings.
1. This allows you to choose the drop shadow you’d like to use when someone hovers over your block and/or its content.

Sticky block

Sticky blocks will “stick” to the top of your page once your visitors scroll past it. These blocks are great when you want to keep a promotion or opt-in form top of mind for your visitors.

When you toggle the sticky block setting, you also have the option to hide your sticky block when your visitors scroll down the page.

1. If you leave this setting off, your block will be visible at the top of your page while your visitors scroll.

Display settings

Your block’s display settings are a very powerful tool for personalization by allowing you to choose when you want your block to appear.

These settings allow you to show your content to a specific group. For example, you can show your block to only mobile visitors or visitors who stay on your page for a certain amount of time.

You can also show your opt-in form to only anonymous visitors to collect new leads. You can also get really specific and only show your block to subscribers to your membership site who have been enrolled for three weeks.

You can connect the UTM variables you use on your ads to create personalization. If someone clicks on a “50% off first month’s subscription” offer, you can show them a block on your page with the coupon code they should use to get that offer.

Device display

This setting allows you to select which devices can view your landing page block, such as mobile or desktop.

When should this block be displayed?

This allows you to show your block immediately or after a certain period of time.

Display block to whom?

This allows you to select who can view your page block. This is especially useful for gating content in a membership site.

1. If you choose to display your block to “Only some identified visitors” or “Some logged in members,” you can add conditions to show different blocks to different page visitors. Check out this article for definitions of each of your dropdown options.
2. The “All logged in members” and “Everyone except logged in members” display conditions can be used to create helpful navigation blocks. Check out this use case to learn how.

Only show this block if the page URL contains specific text

This allows you to show your block to a visitor only when the URL contains a specific variable, such as UTM variables or any other text in your subdomain, domain or path.

1. This is an advanced marketing feature that lets you optimize your customers’ post-click experiences by sending leads to a page with content that perfectly fits your ad’s design and message.

Here’s how:

• Toggle “Only show this block if the page URL contains specific text” on — .
• Click Add condition.
• Select “contains” or “does not contain.”
• Add your URL variable.
• Click .

Edit your columns

Back to top

Blocks are made up of columns and rows. You can add multiple columns to each row, and every row is made up of at least one column. Every column on your page also has its own sidebar settings. From there you can customize your column’s background, spacing and border style.

Add columns and rows

Back to top

You can add 12 columns to any block and an unlimited number of rows. Here’s how:

• Hover over your block’s and click Edit block.
• Hover over your block and notice there are plus signs on each side of your block. Click on the side of the block you want to add on to.



1. If you click on the right or the left, you’ll add a column.
2. If you click on the top or the bottom, you’ll add a row.

Column sidebar settings

Back to top

Your column sidebar settings work like your block settings. But since columns are nested inside of blocks, you have fewer options.

Background

This setting allows you to to set different backgrounds on any of your columns. You can choose from:

1. Transparent
2. Color
3. Image

Spacing

These settings allow you to control the padding, margins and alignment of your columns for both desktop and mobile view.

Border, arrow and shadow

Your columns have the same border, arrow and shadow options as your blocks. These settings are awesome when you are trying to accomplish a specific design. You can easily add the styling you want to specific columns to highlight your content.

Sticky column

Back to top

This option allows you to make columns stick to the top of the page while a site visitor scrolls. This is similar to how a sticky block functions. However, a sticky column allows you to have only one part of your block stick rather than the entire block. You also have the option of having that column remain sticky only until a visitor scrolls to the end of a block.

Creating a sticky column makes it easy to keep important content visible and easy to find, no matter where your visitors are on a page. This is essential for a good user experience on content-heavy websites.

For example, you could make a sticky column for navigation, course outlines, ads, or product categories. Or you could insert an order form into a sticky column so it is easily accessible to prospects.

Here’s an example of a sticky column in a block at the top of a page:

And here’s what visitors will see as they scroll down the page:

Here’s how to make your column sticky:

• Click Edit block on the block that contains the column you want to make sticky.
• Hover over the column you want to make sticky and click to open your column settings.
• Click Sticky Column and toggle “Make this column ‘stick to the top of the page when it reaches the top?” .
• (Optional) Toggle “Make this column ‘stick’ only to its row?” .
1. This allows your visitors to scroll past your sticky column once they are past the row that contains it. This is a great option if you don’t want to cover up blocks placed below your sticky column.
• Click .
• Click → to make your changes live.

The post Page blocks appeared first on Ontraport Support Center.

Elements are the text, images, videos, forms and other content that you drag-and-drop onto a page. Select your page elements from the palette on the left side of your canvas when you’re creating a page. With the flexibility of this visual page builder, every element can be customized to your liking.

Table of contents

Create a layout
Element settings
• The “Style” tab
• The “Position” tab
Text and Button elements
• Edit your text settings
• Add links to text
• Use font styles
Image and Video elements
Form and Sales elements
Customers elements
Dynamic content elements
Advanced elements

Create a layout for your page elements

One of the best ways to ensure that your pages look good is to create a layout grid for your page elements before adding them.

It’s an Ontraport best practice to create the block layout using columns and rows as opposed to relying on your elements’ position settings.

It’s possible to arrange page elements without creating a grid design, but that’s not ideal. Your page content will move around based on screen size. Creating a grid layout holds your elements in their relative positions so visitors viewing your page on different devices will see a consistent layout.

Element settings

Back to top

On the left side of your screen, click on any element to open its settings. The first tab you’ll see is Settings, but you’ll also have Style and Position tabs.

This article mainly focuses on how to customize the settings available in the Settings tab, but you’ll see similar options in all Style and Position tabs, regardless of which element you’re customizing. Check out the sections below to see what’s available from the Style tab and the Position tab.

The “Style” tab

Back to top

The Style tab is only available on some elements, such as buttons or form fields. Style tab settings let you customize your element’s design.

Quickly select a style from your presets or favorites, or click Edit Style to access more granular styling options.

The “Position” tab

Back to top

Every element has its own Position tab with settings to customize the padding, margin alignment and sizing settings.

You can customize these settings by hovering over your element and clicking and dragging the drag handles to move and/or resize your element.

Text and Button elements

Back to top

There are five elements that allow you to customize the content on your page:

• Headline
• Sub Headline
• Text
• Button
• Divider

The Headline, Sub Headline and Text elements allow you to add editable text to your page. You can edit your font’s style after you add the element to your page.

Use the Button element to add a link to your page. Drag a Divider element to break up the content on your page.

Headline element

Back to top of section

Use the Headline element to add headline font style text.

Sub Headline element

Back to top of section

Use this element to add text that uses the Sub Headline font style.

Text element

Back to top of section

Use this element to add text that uses the body text font style.

Edit your text settings

Back to top

Once you’ve added text to your page, click on it to customize your text settings. When you click on any Text element, you’ll see a text toolbar at the top of your screen with common text options.

Add links to text

Back to top

Creating a hyperlink in Ontraport is a lot like creating one anywhere else, and links can be added to any Text element.

Highlight the text you want to hyperlink, and click  from your font toolbar. Select the type of link you’d like to add.

1. URL: Add the web address of a specific page such as your business website.
2. Ontraport Page: Link to one of your published Ontraport Pages.
3. Link to a block on this page: This allows the visitor to jump to a block located somewhere else on the page.
4. Tracked Link: Add a link that can trigger actions when your cookied contact clicks it.
5. Ontraport Hosted File: Insert a PDF or other type of file you hosted in the Ontraport File Manager.
6. Ontraport Form Lightbox: Show your contacts a pop-up when they click your link.
7. Link to a URL field: Insert links stored in URL fields.

And customize what you want your links to look like from your Text element’s settings.

Use font styles

Back to top

The font style dropdown from your text toolbar lets you choose which font style you want to apply to each Text element. This makes updating your fonts across your page easy. For example, if you update your Headline font style from Work Sans to Roboto, you’ll change the fonts on all of your headlines.

• Highlight your text and click  the dropdown.
• Choose a font.
• (Optional) Edit your font style. Click  next to your font and choose the font family, size and weight.
  
• Click Save.

Button element

Back to top of section

Use this element to add a button to your page. Buttons are commonly used for actions you want your visitors to take, such as “Log in” or “Join now.”

Button elements allow you to customize the text and add a link to your button.

Divider element

Back to top of section

Use the Divider element to add a divider to your page. Choose what type of divider you want to use from the settings:

1. Plain
2. Text
3. Icon

Image and Video elements

Back to top

You can add four elements to your page to add visual interest:

• Image
• Icon
• Video
• Slideshow

Image element

Back to top of section

The Image element allows you to add and edit images on your page. From your Image element settings, choose the default image you want to display. If you’d like your image to change when visitors hover over it, click Hover and select an image.

Icon element

Back to top of section

Drag an Icon element to your page to add a Google or Font Awesome icon to your page. Add a URL in the “Icon link” field to make your icons clickable links.

Video element

Back to top of section

Use this element to add a video to your page. From the Video element settings, select what kind of video you want to add. Choose from:

1. Ontraport
   1. Select one of your Ontraport hosted videos. Learn more about Ontraport video hosting in this lesson.
2. YouTube
3. Vimeo
4. Wistia
5. Embed

Slideshow element

Back to top of section

Use this element to add slideshows to your pages. When you first click into your slideshow settings, you can choose how many slides you want to appear on your page. Click on each slide to customize it.

Each slide includes:

1. Background
2. Title
3. Text
4. Button 1
5. Button 2

Click on the name of the particular slide to edit its content and settings.

 → 

To remove any part of your slideshow, toggle it off.

Form and Sales Elements

Back to top

There are ten elements that help you create any type of form:

• Form Field
• Submit Button
• Billing Address
• Shipping Address
• Credit Card
• PayPal Button
• Order Summary
• Order Bump
• Upsell Button
• reCAPTCHA

Check out this article and view this lesson to learn more about using these elements to create forms on pages.

Form Field element

Back to top of section

Use this element to add fields to a form. To add a form field to your page, select the type of record that should be updated. For example, if you’re creating a lead capture form, select “Contacts.”

Then select a field to add.

From the settings, customize your field’s label, placeholder text and prefill your field’s value.

If you make your field required, you can write your own validation message to visitors who don’t fill out that field.

Pro tip: When you add your first field, go to your Style tab and customize how you want your form field to look. When you add the rest of the fields to your form, the same style will be used.

Submit Button element

Back to top of section

Use this element to complete your forms. Every form needs a Submit Button, and you won’t be able to publish your page if you have Form Field elements without a Submit Button in the same block.

Billing Address element

Back to top of section

Use this element to add all of the required billing address fields, which include:

• Billing address
• Billing address 2
• Billing city
• Billing state
• Billing country
• Billing zip code

When you drag the Billing Address element over, you will see all these elements appear on your page. You can rearrange them and customize their appearance after adding them.

When a customer enters information in these fields, it is sent to your payment gateway for credit card verification.

Note, dropdown fields allow you to edit your field’s dropdown values from the advanced settings. Edit, reorder and rename your dropdown values to put the most relevant billing address options at the top of your list. You can also pick a default value.

Shipping Address element

Back to top of section

Use this element to add all of the required shipping address fields to your form at once. The Shipping Address element adds the following fields:

• Shipping address
• Shipping address 2
• Shipping city
• Shipping state
• Shipping country
• Shipping zip code.

If you’re selling physical products, make sure to add these fields.

Note, dropdown fields allow you to edit your field’s dropdown values from the advanced settings. Edit, reorder and rename your dropdown values to put the most relevant shipping address options at the top of your list. You can also pick a default value.

Credit Card element

Back to top of section

Use this element to add a set of fields that contain the minimum required information for most payment gateways:

• Name on card
• Card number
• Expiration month
• Expiration year
• CVC

PayPal Button element

Back to top of section

Use this element to add a “Pay with PayPal” button to your form which lets you use the PayPal standard payment gateway on an order form.
Customize the design of your PayPal button from the element’s settings.

Order Summary element

Back to top of section

Use this element to add an order summary to your order form. This will tell your customers what they are purchasing and how much it will be. This element is required to allow your customers to use coupon codes on your order form.

From the Order Summary settings, you can choose what information you’d like to display on your order summary.

Translate your order summary element text to another language using the “Language” dropdown field.

If you’ve added a trial period to a product on your order form, the “trial label” field allows you to customize what you want to display on your order summary. For example, if you’re offering a discounted price as a promotion, you can change your “trail” label to “Spring blowout promo.”

Order Bump element

Back to top of section

Use this element to add an order bump to an order form to increase your sales. Check out this video to learn more about order bumps.

From the settings you can customize your order bump offer’s content.

Upsell element

Back to top of section

Use this element to add an upsell form to your page. Note, Upsell elements cannot be placed on the same page as your main order form. Check out this video or this article, to learn about upsell forms.

Customize the text on your upsell buttons from the Settings tab.

reCAPTCHA element

Back to top of section

Use this element to decrease spam form submissions. When a visitor fills out your form, they’ll need to confirm that they are a person by clicking a checkbox .

If this is your first time using reCAPTCHA, follow the instructions in your element’s settings to generate a site key.

 → 

Customers elements

Back to top

There are three elements that allow you to add a Customer Center to an Ontraport Membership site.

• Update CC Button
• Change PW Button
• Payment Info

A Customer Center gives your members a location to log in and view their purchase and payment history, update their credit card details and change their login information.

Requirements

To use these elements, your page needs to be published to your membership site’s domain. And your page’s display settings must be set to “all logged in members.”

Update Credit Card button element

Back to top of section

Add this element to allow your members to update their own credit card information from an automatically generated update credit card page.
From the settings, you can customize your button’s text and if you want to use the updated card to process transactions in collections and/or update all open orders with that card.

Change Password button element

Back to top of section

Add this element to allow your customers to reset their password to your membership site from an automatically generated reset password page.

Customize your button’s design from the Settings tab.

Payment Info element

Back to top of section

Add this element to allow your customers to view their unpaid invoices, subscriptions and payment plans, and payment history.

Choose which sections to display, and customize your section headers from the Settings tab.

Dynamic content elements

Back to top

There are two dynamic content elements that allow your visitors and members to interact with your content.

• Search
• Reactions

Search element

Back to top of section

The search element allows you to add search functionality to your site.

Learn more about setting up the search element here.

Reactions element

Back to top of section

Learn more about setting up the Reactions element here.

Advanced elements

Back to top of section

Back to top

There are five elements that allow you to add advanced functionality to your page.

• Navigation
• Countdown Timer
• Social Sharing
• Facebook Comments
• Custom HTML

Navigation element

Back to top of section

Use this element to create a customizable, and fully mobile responsive, navigation menu for your sites.

Add and reorder the links you want to display on your navigation bar from the Settings tab.

When you click on any of your navigation links, the settings allow you to name it, add a link URL and customize your design.

Your links also include their own special settings to customize exactly how your navigation menu will function.

The custom HTML section in your settings allows you to add additional styling to your sidebar navigation menu so any design is possible.

Countdown Timer element

Back to top of section

Use this element to add a countdown timer to your page. This is useful for drawing visitors’ attention to promotions or upcoming events.

From the Countdown Timer element settings, add the date and time to countdown to, where to redirect visitors after your countdown expires, and the language used on the countdown.

Social Sharing element

Back to top of section

Use this element to add icons of popular social networking sites, and add links to them. This is a great way to get your site visitors to engage with you on other platforms.

From the settings, add logos and links to your favorite social media platforms. Choose from:

• Facebook
• Twitter
• LinkedIn
• Instagram
• Pinterest
• Bēhance
• Tumblr
• Skype
• ShareThis
• RSS
• YouTube
• SoundCloud
• Vimeo
• Flickr
• Blogger
• Dribble
• WordPress
• DeviantArt

 → 

By default, this element includes Facebook, Twitter and LinkedIn Icons. Click  to add more to your list, or click an existing icon to edit it.

To create “share this page” links, follow these steps:

• Visit Share Link Generator.
• Add the URL of the page you want your readers to share (i.e, your Facebook page, Twitter feed, etc).
• Click Create the Link.
• Copy the URL only, and paste it into the corresponding icon URL field in Ontraport.

Facebook Comments element

Back to top of section

This element allows your customers to comment on your pages using their Facebook credentials. To use it, you’ll first need to create a Facebook App and obtain the App ID. Because this is a complex process, you may want to enlist the help of an Ontraport Certified Consultant to complete this step.

Create your Facebook App

• Create a Facebook for Developers account.
• Click Create App and name your application.
  1. Click Settings → Basic and add the required information.
  2. Click Save Changes.
• Toggle your app from “In development” to “Live.”
• Copy your App ID.

Add Facebook comments to your Ontraport page

• Open a new or existing landing page and drag and drop the Facebook Comments element onto the canvas.
• Click your Facebook Comment element to open its settings.
• Add the App ID you copied from Facebook into the App ID field.
  1. (optional) If you want your Comment element to show posts made on another page, add that page’s URL to the “comment URL” section. This is a great option if you’d like to continue a conversation that was started on another page.
• Click .

Add Facebook’s moderation tool

Facebook provides a tool that allows you to moderate and manage the comments posted on your pages.

• Go to Facebook’s moderation setup instructions and copy the meta tag provided under “Setup using a Facebook App (Preferred).”
• Log in to your Ontraport account and go to the page editor of the page that you put the comment block on.
• Click  → Custom Code.
• In the header section, paste the meta tag and replace {YOUR_APP_ID} with your Facebook comments App ID.
• Click .
• Click  → .

Note, once you’ve saved your page, it may take up to an hour for Facebook to add the moderation tool to your comment block.

Add moderators

• Go to Facebook’s Developer Tools page.
• Click Comments Moderation Tool → Settings → Moderators.
• Add your moderators and click save.

Custom HTML element

Back to top of section

The Custom HTML element allows you to add raw HTML, CSS or JavaScript code into your page, further expanding the page’s capabilities. This could be used to insert your appointment calendar, connect to your custom-coded external application, or for a variety of other use cases.

This element is intended for advanced users and coders only. Please note that Ontraport cannot support or troubleshoot custom code, and that coding errors you introduce within the Custom HTML element can cause problems with no recovery possible.

From the settings, click  to add your HTML, CSS or JavaScript to your page.

The post Page elements appeared first on Ontraport Support Center.

A PURL is a personalized URL, such as jane.yourcompanyname.com, that you can provide to contacts to access a personalized version of your page. This can be an effective marketing tactic as people appreciate the individualized attention and are more likely to remember the URL.

PURLs essentially send each visitor to the same page, but they use contact information to personalize text for each visitor (e.g., Jane might see “Welcome, Jane!” and John would see “Welcome, John!”).

Table of contents

Don’t force HTTPS — so you can use PURLs
Add PURLs to assets
• Add PURLS to OntraMail messages
• Add PURLS to raw HTML emails
Create PURLs in form settings
• Create “Page two”
• Create “Page one”
Add PURLs to WordPress

Don’t force HTTPS — so you can use PURLs

PURLs pass your contacts’ information through the URL. PURLs only work on HTTP pages and not HTTPS. This type of personalization is best for thank you pages that don’t contain sensitive information.

Here’s how you publish your pages so you can use PURLs:

• From your page editor, click .
• Add your domain and check the “Don’t force HTTPS on this page (so that I can use PURLs)”.



• Click .

Add PURLs to assets

Back to top

PURLs are automatically generated by Ontraport; you simply add them via a merge field when you’re creating the email or WordPress post. You can use PURLs for any page that has been published through Ontraport.

Add PURLs to OntraMail messages

Back to top

• Select an existing message that you’d like to add a PURL to, or go to Contacts → Messages →  → New Email → Start From Scratch.
• Click + Add Block → Text and select a text block.
• Click into the text block and hover over the area where you would like to add your PURL. Click Edit.
• Click  and  scroll down to the PURLs section. You’ll see a list of the Ontraport Pages you’ve created.
• Select the page you’d like to send visitors to. This will automatically generate PURLs for each contact sent the message, and it will merge the PURLs onto the email. PURLs populate as raw links with your contact’s name in the URL; however, if you only want the contact’s name be displayed when the page is visited, you can use a hyperlink or a button for your PURL:
  1. For a hyperlink: Add the text you want to display and highlight it.
     • Click  → Ontraport Page → Select Page, and choose your page’s name.
     • Click Insert Link.
  2. For a button: Click   → Button → select your button design.
     • Hover over the button and click Edit.
     • Click Enter Link URL → Ontraport Page → Select Page, and choose your page’s name.
     • Click Insert Link.
• Click  on your block settings.
• Complete your message and click.

Add PURLs to raw HTML emails

Back to top

• Select an existing message that you’d like to add a PURL to, or go to Contacts → Messages →  → Raw HTML Email Editor to create a new one.
• Click Insert Merge Field and scroll down to the PURLs section. You’ll see a list of the Ontraport Pages you’ve created.
  1. If you want to change the text of your link, start by adding the merge field for your PURL to the message twice. There will be two merge fields next to each other.
  2. Click  .
  3. Replace the spaces within your merge fields with “%20.” (e.g., [PURL_My%20Page] )
  4. Replace the brackets with angled brackets, < →.
  5. Add a forward slash (/) after the opening angle bracket (<) of the second PURL. Your merge field should appear like this: <PURL_My%20Page → </PURL_My%20Page →.
  6. Enter what you want your link to say between the two PURLs.
  7. Click . You will see that only the text for your link appears in the message body.
• Complete your message and click .

Create PURLs in form settings

Back to top

A common use case for PURLs is to connect a lead capture page to a personalized thank you page.

When you link two pages in the “Send contacts here” section of a form’s settings, you can pass contact information from the form to the corresponding page.

You can only add published pages in your form settings, so we recommend working in reverse order. Create and publish your second page first, then create your first page. In the steps below, we will refer to these pages as “Page one” and “Page two.”

Create “Page two”

Back to top

We’ll start by creating “Page two” first:

• Create “Page Two” first by clicking Pages → .
• Click Start From Scratch or select a template.
• Name your page, edit the design of your page.
• Click .
1. Add your desired URL then click.

Create “Page one”

Back to top

Now that your second page is published, you can select it from your form settings on “Page one.”

• Create “Page Two” first by clicking Pages → .
• Click Start From Scratch or select a template.
• Name your page, edit the design of your page.
• Click → Lead Capture Forms → click on the form you want to use.
1. Or create your own form.
• Hover over your form block and click → Form Settings.
• In the “Send contacts here” section select your second page from the “Use this landing page” dropdown.



• Click → .
• Click .
1. Add your desired URL then click .

Add PURLs to WordPress Pages or Posts

Back to top

You can also add PURLs to your Ontraport-hosted pages on WordPress.

• Integrate your WordPress site with Ontraport if you haven’t yet.
• Log in to the admin seat of your WordPress site.
• Click Pages or Posts → Add New.
• Click  → .
• Click the Merge Fields dropdown, and scroll down to the PURLs section.
  
• Click on the name of your page to add the PURL.
  1. To hyperlink your PURL, follow the steps above, then click   → Edit as HTML.
  2. Wrap the PURL merge field with the HTML href attribute as shown below:
     1. <a href=”[pilotpress_field name=’PURL_My Page’]”>Click Here</a>.
  3. Click   → Edit visually.
• Click .

The post Create and use PURLs appeared first on Ontraport Support Center.

Settings for the entire page are accessed by clicking the  tab on your page editor.

Table of contents

Page Background
SEO & Social Sharing Settings
Favicon
Custom Code
Display Settings
• Display use case – Logged in and logged out members
Ontraport form settings

Here is what you can do with each of the page settings:

Page Background

Select a color or upload an image for the background of the entire page. You can adjust the opacity and the gradient of the background.

SEO & Social Sharing Settings

These settings control how your page appears in search results and when links to your page are shared on Facebook, LinkedIn and Twitter.

This section allows you to add:

1. Title – a page name that appears at the top of a browser’s window
2. Description – a short summary of your content that appears under your page’s URL in search results
3. Social image – an image that is displayed when you share links to your page

Add unique settings based on social media platform

You can add separate titles, descriptions and social images to different platforms by “unlocking” your settings to open additional options.

• Click next to “Title,” “Description” or “Social Image.”
• Add your default Facebook/Linkedin or Twitter social sharing information.
• Click .

Prevent your unfinished page from appearing in search results

• Select “Disable search engines from indexing this page?”
• Click .

Advanced Settings

The advanced settings apply to Facebook only and allow you to select your:

1. Type – select the Facebook graph type you’d like to use
2. Site name – enter your site’s name

Favicon

The favicon is the small image seen next to the URL of your page title in the web browser address bar. Click the pencil and upload image.

Custom Code

Insert tracking scripts, UTMs or other code. Select page header, body or footer and text entry cursor will flash on the page.

Display Settings

Restrict access to your page to specific visitors, such as your Ontraport membership site’s subscribers. When you restrict access, you can select a URL to redirect unauthorized visitors to if they attempt to visit your page.

From the “Display this page to whom?” dropdown, you can set your pages to show for:

1. Everyone
2. Anonymous visitors only – Visitors who aren’t cookied by Ontraport
3. Identified visitors only – Visitors who have the Ontraport cookie
4. Some identified visitors – Visitors who have the Ontraport cookie and fit your condition*
5. All logged in members –  Members who have logged in to your membership site
6. Some logged in members –  Members who have logged in to your membership site and fit your condition*
7. Everyone except logged in members – Anyone who isn’t logged in to your membership site

*If you choose to restrict access to your page to “Only some identified visitors” or “Some logged in members,” you can add conditions to control who can visit your page.

Display use case – Logged in and logged out members

The “All logged in members” and “Everyone except logged in members” from the “Display this block to whom?” setting work hand in hand. They allow you to create pages or dynamic templates that only logged in members can see. You can also use this setting to display pages or templates only to visitors who aren’t logged in to your site.

These settings help you create targeted offers. For example, you can create a sales page that is only visible to people who are not current members of your site. Or you can offer your existing members a special offer to reward them for their loyalty.

Show page to all logged in members

• Click → Display Settings.
• Select “All logged in members” from the “Display this block to whom?” dropdown.
• Add a redirect link to the “Redirect users with no access here” field. (Optional)
1. This allows you to choose a page to send visitors to if they land on your page but aren’t logged in. This is a great place to add your sales page so your visitors have the option to purchase your membership product and join your site.
2. If you don’t add a link here, visitors who don’t have access will see this message:



• Click .

Show page to everyone except logged in members

• Click → Display Settings.
• Select “Everyone except logged in members” from the “Display this block to whom?” dropdown.
• Add a redirect link to the “Redirect users with no access here” field. (Optional)
1. This allows you to send your members to a specific page if they happen to land on the page meant for non-members.
2. If you don’t add a link here, visitors who don’t have access will see this message:



• Click .

Ontraform settings

Choose to show a pop-up form on the page based on scroll percentage, time spent on page, and exit intent. Toggle “on” to expose the settings. Note you’ll need to use an Ontraform, rather than a form you create within Ontraport Pages, to accomplish this.

The post Page settings appeared first on Ontraport Support Center.