clear

Create and edit your page

Last updated on: February 6, 2026

Ontraport's page builder allows you to create web pages using an intuitive drag-and-drop interface. The Pages editor uses Ontraport's block-based builder that allows you to create a layout for your page and fill it in with design elements.

Table of contents

Use cases
Create a new page
Edit an existing page

Use cases

Here are a some common use cases you can accomplish with Ontraport’s drag-and-drop page builder:

“I want to create a high-converting checkout page to sell products.”

Combine Form and Sales elements such as the Credit Card element to collect secure payments, the Billing and Shipping Address elements to collect necessary customer data, an Order Summary so customers can review their purchase and apply coupon codes, and a Submit button to allow customers to purchase. You can also add an Order bump to increase your sales.

“I want to provide a modern, flexible checkout experience that includes one-click payments and 'buy now, pay later' options.”

Add the Stripe Payment element to your order forms. This element supports multiple payment methods and displays them dynamically, so the options your customers will see automatically adjust based on their location and device. ​

“I want to drive urgency for a limited-time promotion or event.”

Use a Countdown Timer to highlight upcoming deadlines or the end of a sale. This element can redirect visitors once the timer expires.
​To increase engagement, add a Video element to show a promo reel and use the Headline and Subheadline elements to clearly state the value of your offer.

“I want to build a self-service Customer Center for my membership site.”

The Customer elements help you create a dedicated area where logged-in members can manage their own accounts. Add an Update Credit Card button to allow members to refresh their payment details, a Change Password button for security updates and a Payment Info element so they can view their purchase history.

“I want to increase social proof and community engagement on my pages.”

Use the Facebook Comments element to allow your visitors to comment on your content using their Facebook credentials, and you can manage them with Facebook’s moderation tool. The Social Sharing element allows visitors to engage with you on other platforms.

Create a new page

Back to top

  1. Go to SitesPagesNew page.
  2. Choose if you want to start from scratch or select a pre-built template. 
  3. Create your page’s layout by adding blocks.
  4. Customize your block’s settings.
  5. Add page elements to the layout.
  6. Follow these steps to add a form
  7. Customize your page’s settings.
  8. Then publish it.

Edit an existing page

Back to top

You can edit any page that was previously saved or published.

  1. Go to Pages and click on the page you want to edit.
  2. Edit the page as needed.
    • If you want to revert to a previously published version use the version history.
  3. Save your work to create a new unpublished draft or publish your changes to make them live.

    Related university lessons

    Tips for improved page performance
    Try these quick hacks to make your pages load faster, and watch your engagement and conversion rates improve.
    Page elements
    Take a tour of the element palette and settings used to create beautiful and functional web pages for your business.
    Page personalization
    Using the data you have at your fingertips, you can send messages people will care about! Learn how page personalization works in Ontraport.
    arrow_drop_down_circle
    Divider Text

    Related support articles

    arrow_forward
    Page settings
    arrow_forward
    Display your Ontraport Page on your Wordpress site
    arrow_forward
    Page issue troubleshooting

     Pro tips

    Tip #1: Once you’ve edited a page, block or element to your liking, you can save it as a Favorite by clicking the heart icon that appears near it. This allows you to easily access and use it again.
    Tip #2: If your page includes a form, be sure the Submit button is housed within the same block as the form fields.
    Tip #3: You can toggle on hidden, advanced settings to customize your page’s design even further. Here’s how:
    1. When editing form field elements, hidden settings can be enabled by hovering over the field, clicking the gear icon and clicking Advanced.
    2. When editing block settings, the hidden settings can be enabled by clicking the toggle buttons next to the padlock icons.
    Features
    © Ontraport 2025
    playlist_add_check
    PCI DSS, Level 1
    [bot_catcher]