Company Blog Support
Frank Hagan
posted

Contents

    Back to Top

    Landing Pages - ONTRApages

    About

    ONTRApages are beautiful, responsive Landing Pages you can create either from scratch or using an impressive library of professionally designed templates. The easy to use ONTRApages interface features an innovative click-to-select editor in which you stack and customize pre-built Blocks of content. You can rename and reuse Blocks you have customized over and over again.

     

    ONTRApages are available in ONTRApages Freeexternal link, ONTRApages Premiumexternal link, and ONTRAPORT Basic, Pro and Teamexternal link accounts. Some features on this page are available only to certain accounts, as noted in parenthesis after the feature name.

    Quick Start

    Want to jump right in and create an ONTRApage in your ONTRAPORT account? Make sure you are logged in on another tab in this browser and click this link: Create an ONTRApage Landing Page.

    This opens an ONTRAPORT Project within your account. ONTRAPORT Projects are step-by-step in-app instructions with a checklist to track your progress. You can stop and resume the Project at any time. 

    Getting Started with ONTRApages in ONTRAPORT Accounts

    Select the Sites collection and click on Landing Pages. Click the New Landing Page button. 

    new landing page button
    1. Select ONTRApages

      ONTRApages icon

       

    2. The Page Templates categories are shown in the Palette (the left side column) and the available templates are shown on the Canvas. Select a category of page template to narrow the choices shown on the Canvas. 

       

    3. See Adding and Using Blocks to add new content sections (Blocks) to the page, and Style: Colors, Fonts and Page Width to customize the page design.

    4. Templates and blocks reserved for ONTRAPORT Pro and higher accounts have an ONTRAPORT PRO banner. These include blocks for features not available in ONTRAPORT Basic accounts, such as Order Form blocks, Upsell Form blocks, etc.

      ONTRAPORT Pro and above only banner

     

    Adding and Using Blocks

    1. Templates are composed of Blocks, horizontal slices of the page you can rearrange or replace to perfect your design.

    2. Changes are made in the ONTRApages editor in true visual mode, showing you the new content immediately. The Palette is on the left and the Canvas is on the right. Editing Blocks can take place in either the Palette or the Canvas.

      palette and canvas in ONTRApages

    3. Each Block can have several different layouts to choose from. Hover over the Block and click the Prev or Next icons to display the different layouts.

       

      Cycling Through Blocks

    4. The three icons in the top right allow you to edit the style of the Block (pencil icon), create a copy of the Block on the same page (plus sign) or remove the Block from the page (trash can icon).

       

    5. Click the + Add Block icon to add a new Block above or below the Block. The Palette will list the Block categories.

       

    6. Select a Block Category in the Palette to narrow the choices by type of Block.

    Style: Colors, Fonts and Page Width

    ONTRApages use the colors, fonts and page styling of material design, tested and proven to increase engagement and present content in the most readable and search-engine friendly manner. The overall page design can be modified by selecting the element on the top styling bar on the Canvas (it is visible when the Palette is in the "Blocks on This Page" view):

    top styling bar

    No customization is necessary to create pleasing layouts, and we encourage you to try the pre-formatted font packs and color palettes without extensive modification to maintain the material design standards. This will give you time to fine tune your message and focus on growing your business. But for those who need to modify fonts and colors, we have extensive customization options:

    Page Fonts

    A selection of 39 Page Font collections provide a set of fonts for 8 different page elements: Header 1, Header 2, Header 3, Label, Button, Large Body Text, Body Text, and Quote. You can edit each one for font family, font size, font face, line height and font weight, and can toggle it to italics as well. The changes you make to a font here cascade throughout the page.

    edit page font

    Click Font Suggestions at the bottom to display all 39 Page Font sets in the Palette. As you hover over the suggested font sets the display in the Canvas shows the fonts. 

    Colors

    39 color palettes use five related color elements, Primary, Complementary, Dark, Light, and White. Click the color icon to display the selected colors. Click on the color element name to reveal the color editing functions. Type in the color hex value or choose a color from the color picker. The color picker has two modes, the default 256 web-safe color tile mode and, by clicking the artist's palette icon at the bottom, an infinite slider color picker.

    edit page colors

    Click the Color Suggestions link to see all 39 color palettes in the Palette on the left. As your mouse hovers over a color palette the Canvas previews the new colors.

    Changes you make to the page style apply only to the current page, and do not get saved with the color palette for use in other pages. to re-use your color and font choices use the Copy from page function when creating a new page or the Rename and Copy Blocks function for individual Blocks. 
     

    Page Width

    Click Page Width to select the width of the page. The ONTRApage will be restricted to that total width, centered in the browser viewport.

    edit page width

     

    Page Background

    The Page Background dialog allows you to choose an image, a color, or a transparent background.

    edit page background

    Type in the hex color value, or select one of the 256 web-safe colors. Click on the artist's palette icon in the color picker to use the color slider to choose a color. 

    Display of the page background may be hidden by background colors or images in individual Blocks. Edit each Block's background to the same color or choose "transparent" to allow the page background to show through.

     

    Editing Content in Blocks

    The ONTRApages editor is divided into two sections, the Palette on the left, and the larger Canvas on the right where the Blocks are displayed. The Palette will change to provide access for editing when you click on an element. Here are some editing tips:

    • The Palette initially shows the Blocks on this Page view. 

    • Click and drag the Block names in the Palette to rearrange them. Show me

      move-blocks-new.gif
    • The Visibility Toggle allows you to hide or show that element.  Show me

      visibility-toggle.gif
    • To edit a Block, click the Block name in the Palette or hover over the Block on the Canvas and select the EDIT link.

    • The Palette will display the Block's individual elements for editing. Click on the element name in the Palette or on the element itself on the Canvas to edit it. Editing options are dependent on the type of content you are editing:

      1. Social Icons: Show me

        A variety of icon styles are available to match any design you desire. 

        1. Create "Follow me on" social icons by entering you social media page URL. Your contacts can click the icon to visit your page.

        2. Create "Share this page" links by:

          1. Visit going to Share Link Generatorexternal link

          2. Add the URL of the page you want your readers to share (i.e, your Facebook page, your Twitter feed, etc.)

          3. Click Create the Link

          4. Copy the output and paste it into the icon URL field in ONTRAPORT  Show me

        3. The Skype icon allows your visitor to initiate a Skype call or chat with you. In the URL field use skype:john.locke?call where john.locke is your full Skype ID. Use skype:john.locke?chat to initiate a chat when they click the icon. 

      2. Images: Show me

        Change an image by clicking the Change Image button. Upload a new image or select one from your image library. If needed, use the Photo Editor to crop and edit the image.

         
        1. To open the Photo Editor for the current image, hover over the image in the palette and click the paint brush icon.  Show me

          open-image-editor.png
        2. Use the Photo Editor's tools to fine tune your image, then click Save.  Show me

          save-image.png
      3. Text: Show me

        Edit most text directly in the block (some text will require editing in the palette). The edit bar appears at the top of the text with options for font type (Header 1, Header 2, Body, etc.) and alignment, color, bold, italic, underlined and hyperlinks. ONTRAPORT merge fields are available by clicking the Merge Fields button (see default value and formatting options in Formatting Merge Fields.)  Show me




      4. Slide Shows: Show me

        The palette lists each slide and the overall Settings for the slide show. The Settings control automatic sliding, duration, transition effects, direction of the slide movement, image overlay effects, the arrow style for manual sliding and position of the text and/or buttons on the slide.  Show me

        slideshow.png
      5. Video:  Show me

        In the palette, choose to use the embed code from YouTube, Vimeo or Wistia, or select the Hosted tab to select a video uploaded into ONTRAPORT's Video Manager. Show me

        video.png
        1. ONTRAPORT Hosted videos can be set to autoplay by first selecting them in the Hosted drop down box, waiting until the video loads in the canvas, and clicking the Embedded tab. Add the word "autoplay" after "controls" at the beginning of the code. Show me

          hosted-video-autoplay.png
        2. Vimeo videos can be configured to autoplay or loop by configuring the + Show optionsexternal link settings.

        3. For a Wistia video to autoplay, set the configuration options in the Timeline Actionsexternal link. Wistia provides several options for the embed code. We recommend you use the following settings:

          1. Select the Inline Embed tab for the code.
          2. Under Options > Video Size, use the fixed size the block uses. All video blocks use a 16:9 aspect ratio, so a fixed size of 640 x 350 will work.
          3. Under Options > Embed Type choose "Fallback".
          4. We do not recommend using oEmbed URL under Options > oEmbed
          5. The Options > SEO Metadata option is not active using the Fallback mode; it can be checked or left unchecked.



          Wistia Fallback Embed Code

      6. Forms: Show me

        Editing forms in the palette is easy; click and drag to rearrange fields, hover and click the trashcan icon to delete the field, or click the Add button to select additional fields to add to the form. Show me

        forms.png

         

      7. Order Forms (ONTRAPORT Pro and Team accounts only): Show me

        The palette displays the sections of the form. You can hide fields or sections not required by your payment gateway, hide or replace the credit cards graphic, add products, etc. All of the features found in stand-alone Order Formsexternal link are available. Note: you can only have one form on each ONTRApage.

        1. Edit the Contact, Billing or Shipping fields if desired. You can add, delete, or simply hide fields from appearing on your order form.  Show me

          order-form-edit-fields.gif
        2. If desired, hide the Credit Card Fields your payment gateway does not require by sliding the Visibility Toggle to the right position, turning it red. Note that hiding a field your gateway requires will cause all orders to be rejected. We recommend leaving them in the default configuration, with green Visibility Toggle icons next to them. The field names are "also known as":

          1. Payment Number: Credit Card Number or Debit Card Number

          2. Payment Code: CVV Code, CVS Code

          3. Payment Expire Month: Expiration Month, Exp. MM

          4. Payment Expire Year: Expiration Year, Exp. YYYY

        3. You can hide, change or edit the Credit Cards Graphic. Click the paint brush icon to use the Photo Editor.  Show me

          order-forms-edit-cards-graphic.gif
        4. Click Product Grid to add products, shipping rates, payment methods, taxes and the invoice to send for this order. The palette will display these sections for easy editing.  Show me

          product-grid.png
        5. The Add / Edit Products button allows you to add or create a product for your order form, and set options such as adding a free trial period, making the product a subscription, offering a set number of payments in a payment plan, allowing the customer to change the quantity purchased, adding the product to the shipping / packing slip (physical products only), and inserting or creating a coupon code for the product. Hover over the "Total" column to delay billing to a future date.  Show me

          product-options.png
        6. Click + Add Shipping Method to set rates for international or domestic shipping of your products and more.

          1. Enter a name and price of your shipping type.

          2. Add rules that declare when each shipping type is charged based on field values. Show me

            order-forms-add-shipping.gif
          3. Select whether or not you’d like to charge shipping each time on recurring orders. Show me

            recurring-shipping.png

             

            1. Shipping charges are not considered revenue and will not show in the "Next Charge" column in the Subscriptions and Payment Plans section on the Purchases tab of the Contact record. Show me

              shipping-not-shown.png
            2. Order Forms are unable to process a transaction with shipping charges when the products have different billing periods such as "per month" and "per quarter". Show me

              ship-fails-diff-payment-periods.png
        7. Add a payment method

          1. Click + Add A Payment Method

          2. Select a payment gatewayexternal link you’ve integrated with ONTRAPORT from the dropdown. 

        8. Add Taxes (optional)

          1. Click + Add A Tax Option.

          2. Enter a name and tax percentage for each tax option.

            1. You can specify different amounts for each type of tax.

            2. Add as many tax options as you like.

          3. Select whether or not to charge specified tax amount on shipping.

          4. Add rules that declare when each tax type is charged based on field values (the button is identical to that of shipping rules).

        9. Select an invoice to be sent to customers for these products You can select from the default invoice template or any pre-approved invoices you’ve submitted.

      8. Upsell Forms (ONTRAPORT Pro and Team accounts only): Please see our separate article Creating an Upsell Form
      9. Custom HTML: Please see our separate article ONTRApages Custom HTML Block.

     

     

    Rename and Copy Blocks

    Blocks can be renamed and reused in other ONTRApages by selecting them from the Add Block page. This allows you to configure a Block and reuse it in different ONTRApages.

    • Rename a Block: Click the pencil icon next to the name of the Block. Give the Block a descriptive name. Remember to click the check mark icon next to the name to save it!  Show me

      rename-block.gif
    • Re-use your configured Blocks by clicking the + Add Block button and selecting Copy From Existin Page at the bottom of the block list. In the Copy From Existing Page dialog box select the ONTRApage and then the block you would like to copy to the current page.  Show me

      copy-block.png

     

     

    Settings for Your ONTRApages Forms

    After completing your ONTRApages design, click the Smart Form link in the Palette "Blocks on this Page" view and then the Settings option to configure how the ONTRApages form will react with your customers.

     

    Settings for ONTRApages Free and Premium Accounts Only

    • Notifications: Edit the Smart Form block. Click the Form Settings icon. Enter the email addresses where you'd like your leads sent. Separate multiple email addresses with a comma.Show me

      form-settings.png
    • Form Connectors (ONTRApages Premium only): Send form entries to another form. See the article ONTRApages Premium Form Connector for details on how to send the information to your email provider such as MailChimp, etc. Show me

      form-connector-1.png

    • Redirect Settings: Select the page the contact will see after the form submission. We provide a default "Thank You!" page, or you can use another ONTRApages page, or your own URL.

     

     

    Settings for ONTRAPORT Accounts Only

    • Opt In Settings  - select the Smart Form block for editing and click the Form Settings icon. Double Opt-In Required, Double Opt-In Optional or Single opt in for your new contacts. Click for detailed instructions:  Show me

      opt-in-settings.png
      1. Double Opt-In Required: Requires the contact to confirm they want to receive bulk email messages from you by clicking a link in an email ONTRAPORT sends to them. Choosing Double Opt In reveals the following options:

        1. Confirmation Email Select the default confirmation email. You can also submit a custom confirmation email for approval by clicking your email address at the top right of ONTRAPORT, then selecting Administration > Double Opt-In/Invoice Manager and clicking the New Message button, then selecting Double Opt-In as the message type.

        2. On Submit, send visitors to the following page: Select the default confirmation page that advises the visitor to wait for the email with the confirmation link. You can send them to another Landing Page that has this information, or a "Custom URL" anywhere on the Internet. It is recommended that you advise the visitor that they must wait for the confirmation email and click the link to enable futher bulk email communications from you.

        3. Send contacts who are already opted-in to a different page. Check this checkbox to avoid sending already opted in Contacts to the confirmation page configured above. Instead, they are sent to the choice you make below.

        4. Send contacts here: New contacts are directed to this page after they click the link in the confirmation email, or if the person filling out the form is already a contact and the check box above is clicked, your existing contacts will be directed to this page. You can use the Default Thank You Page, a Landing Page you have created for this, or a Custom URL to send them to any page on the Internet. A good choice for this area is a page thanking them for signing up, and providing any additional information to them regarding frequency of emails, membership details, your other company offerings, etc.

      2. Double Opt-In Optional: This setting creates the Contact immediately and allows you to send them bulk email based on their single opt in status. The contact is encouraged to click the link in the confirmation email to upgrade their status to Double Opt-In. This is a good choice if you are providing content to the contact immediately and want to keep them engaged.

      3. Single: The contact is added to the database immediately and sent to a Thank You page. Choose the Default Thank You Page, a Landing Page you have created for this purpose, or a Custom URL for any page on the Internet.

    • Manage Form Fills: Added only when a Form is present on the ONTRApage, this allows you to assign a Tag or Sequence to the contact when they opt-in or purchase. Note that the Tags and Sequences in this section are always added to the Contact, even if a purchase fails.

    • Always-On Rules: Added only when an Opt In Form is on the page, and not when an Order Form is on the page. These Rules fire when the form is submitted, but you can set conditions to limit what the Rule does. Examples of Rules you might include are removing the contact from a marketing sequence now that they have filled out this form, changing a field in their contact record, adding them to a fulfillment list, etc. To add a Rule: Show me

      1. Click + Add Rule.

      2. Name the rule (name it something intuitive, like what it does).

      3. Set the condition under And This Is True: (what must also be true in order for this Rule to fire).

      4. Set the response under Then Do This: (what will happen to the contact as a result of the Rule acting upon them).

      5. Click Save.

    • Conditional Rules: Added only when an Order Form appears on the page. Edit the Order Form block and click the Form Settings icon.  Two sections are provided, one that is triggered by a successful payment and the other section only if the payment fails. Create the Rule in the appropriate section by following the steps below:  Show me

      conditional-rules.png
      1. Click + Add Rule.

      2. Name the rule (name it something intuitive, like what it does).

      3. Set the condition under And This Is True: (what must also be true in order for this Rule to fire).

      4. Set the response under Then Do This: (what will happen to the contact as a result of the Rule acting upon them).

      5. Click Save.

    • Notification and Routing: Added only when an Opt In or Order Form is present on the page. Enter an email address to be notified with a standard notification email whenever the form is filled out, and select the Contact Owner for any new contacts opting in on this page. 

    • Form Connector: In addition to populating the Contact Record in ONTRAPORT you can also send the data on this form to another form. This allows you to submit to a separate system, such as a non-integrated membership site, a Gravity Forms page to collect data in your WordPress site, a sign up form for a webinar, etc. Show me

      1. In the Form Connectors section click the Add New button.

      2. Provide the URL to the other form and click the Get Form button.

        Form Connector URL

      3. The Form Connector retrieves the external form, presenting the fields on the form on the right. If the retrieved form has additional fields, the Form Connector displays them and provides an ONTRAPORT field selector drop down on the left to enable you to match those fields to a Contact Record field. If you map fields in this way, make sure to add the fields to the form.

        Form Connector Field Mapping Step

      4. Click the Test Connection button. A success message will be displayed if form data can be submitted.

        Form Connector Success Message

      5. If data cannot be posted to the connected form it might be due to:

        • Captcha.

        • "Anti-bot" Javascript.

        • Data mismatch errors, such as a date field on the connected form being mapped to a text field in ONTRAPORT.

        • A multi-part or multi-step form.

    • Advanced: Added only when an Opt In or Order Form is on the page. These advanced options are not commonly used. Show me

      1. Override email address merge with cookie data Select to disable the default action of adding the form information to existing contacts with the same email address. An example of when this is desirable is if you have contacts who share the same email address, but use different computers. Selecting this option allows ONTRAPORT to read their cookie data and assign the form information to contact based on their Contact ID number instead of simply their email address. This is not a commonly used option.

      2. Pass CGI variables to Landing/Thank You page This is another advanced option that is not used very often. An example is when you have a custom script on the Landing/Thank You page that extracts the CGI variables to populate information into another application.

      

     

    Additional ONTRAPORT Page Settings

    ONTRAPORT Basic, Pro and Team accounts only: Click the Settings tab at the top of the Canvas to access additional page settings.

    • ONTRAform Settings (ONTRAPORT Pro and Team accounts only): Add an ONTRAform you have created to pop up over this page based on time, user scrolling and/or exit intent.

    • SEO Settings: Set the Page Title and the Meta Descriptionexternal link of the page.

    • Custom Code: You can add tracking scripts, custom Javascript, etc. to the header or footer area of your ONTRApage. Examples include Google Analytics tracking code, tracking pixel scripts for affiliate programs, etc. Note that ONTRAPORT tracking scripts are included by default and do not need to be added here.

    • Favicon: Personalize your page by uploading a faviconexternal link. The favicon is used in bookmarks and displayed in most browser tabs. Create the favicon in your favorite graphics editor or use one of the numerous free favicon creators found on the Internet.

     

     

    Publishing Your ONTRApage

    Make sure you have completed configuring the Settings before publishing the page. Then, click the Publish button. You can choose to host the ONTRApage for free on any of our domains, or use your own domain if you have ONTRApages Premium or any ONTRAPORT account.

    • Use ONTRAPORT's Domain: Choose any of our standard domains or secure domains to host the ONTRApage.  More

      our-domain.png
      1. Type in your desired subdomain. As long as it is not already taken you can use it for your ONTRApages. Brand the page by using your company name or other identifier here. The subdomain you select will be reserved for use by your account only.

        domain not available

      2. Select a standard domain for a page without an Order Form, or a secure domain for a page that includes an Order Form.

      3. Add a page name. This enables you to have multiple pages on the same subdomain / domain combination.

    • Use Any WordPress Site (ONTRApages Premium, ONTRAPORT Basic, Pro and Team accounts): More

      Use the ONTRApages Pluginexternal link for WordPress to display your ONTRApages on any WordPress site. This requires an API Key, available in ONTRApages Premium, ONTRAPORT Basic, Pro and Team accounts. It is not available to ONTRApages Free accounts.

      1. In your WordPress Admin section, click Plugins then Add New. Search for the ONTRApages plugin and install it.

      2. For ONTRAPORT Basic, Pro and Team accounts, follwing these steps to obtain your API Key and APP ID:

        1. In ONTRAPORT, click your email address at the top right and select Administration.

        2. Navigate to AdministrationONTRAPORT API Instructions and Key Manager

           alt=

          Integrations section with API Key Manager

        3. Click the New API Key button

          API key menu

        4. Name the API Key. Select the Contact Owner and check all Permissions. Click Save.

          API Key configuration


        5. Copy the App ID and API Key to a text file for use in configuring the ONTRApages plugin.

          API Key Listing

      3. For ONTRApages Premium accounts, follwing these steps to obtain your API Key and APP ID:

        1. Click the Profile icon at the top right of your account and then My Account Information.

          locate API key in ONTRApages Premium

        2. Click the Generate Key link under WordPress Plug-in. Copy the APP ID and APP Key numbers for use in configuring the WordPress plugin.

          Generate API Key


      4. In WordPress Administration, select the ONTRApages menu item, then Settings. Paste the App ID and API Key into the fields provided and click Save.

        Configure WordPress

      5. To add an ONTRApages page from your ONTRAPORT account, click on the Add New link in the ONTRApages menu item.

       

    • Use your own domain (ONTRApages Premium, ONTRAPORT Basic, Pro and Team accounts only):More

      If you have configured a domain name using one of the three methods below you can simply type in the domain name:  

      publish on own domain name

      WARNING: Do not change your name servers or A record on an existing domain that already has a website on it, or that you are already using for email or any other purpose. ALL DATA ON THE WEBSITE OR EMAIL ACCOUNT WILL DISAPPEAR PERMANENTLY.


      • Method One: Buy a new domain and set the name servers to ns1.ontraport.com and ns2.ontraport.com when you register the domain name.

        1. All existing content on your domain will disappear!

        2. You cannot host other content on that domain!

        3. You may be able to use third party email services to have email addresses for the domain. For example, you can buy an email service such as GSuite / Google Apps, and have ONTRAPORT enter the necessary information into our name servers manually. Contact Support for details.

        4. You cannot add other zone file records such as TXT, CNAME, etc. yourself. Contact Support to add other records.

      • Method Two: Buy a new domain and change the domain's A record to point to 209.170.211.187.

        1. All existing content on your domain will disappear!

        2. You cannot host other content on that domain!

        3. You may be able to use third party email services to have email addresses for the domain. Check with your domain registrar to see if you can use their control panel to add email addresses and specify a mail provider using MX records.

        4. You may be able to add other zone file records (check with your domain registrar).

      • Method Three: Hire an experienced developer to create a wildcard DNS record and point it to 209.170.211.187.

        1. This method is the most complex, but also the most versatile, as an experienced developer can configure your website's DNS settings so that you can maintain an existing website, email delivery, etc. while still hosting ONTRApages on your site.

        2. Because of the complexity of this method, we do not provide direct support and cannot assist you. It is recommended that your developer back up your existing site, make copies of your DNS settings, and then test the wildcard DNS record method. Ensure the developer can restore your site content if problems arise.

        3. The wildcard DNS record allows you to replace the "www" portion of your domain with a subdomain. For example, if you wanted to host your ONTRApages on your own domain for special offers you might choose to create the subdomain "offers" such as http://offers.ontraport.com. You can use the same subdomain as many times as you like by adding a slash and page name after the domain: http://offers.ontraport.com/fall-offer.


          WARNING: Modifications to your DNS settings must be done by a qualified web developer, as you can permanently lose all content, email service, etc. on that domain.

    Export Your Contacts

    ONTRApages Free and Premium Only

    Select the Contacts tab then click the Export button to save a CSV (comma separated values) file containing all of your contacts to your computer. This CSV file can be imported into most other programs.

    ONTRApages Premium Export Contacts

    ONTRAPORT Accounts

    ONTRAPORT stores all contacts in the Contact Database. Exporting contacts is done using the Action menu's Export group action.

    Actions menu in ONTRAPORT

    FAQs

    Q. Can I use Twitter Cards with ONTRApages?

    A. Yes, you can! See this entry at Answers: Twitter Cards with ONTRApageslink.

    Q. Can I rearrange the order of the Blocks on the page?

    A. Yes, return to the Blocks on this Page view. You can click and drag the Blocks listed in the Palette to rearrange them.

    Q. Can I have a button jump to another block on the page? I want to make one of those ridiculously long landing pages with several call to action buttons or links to the opt in form!

    A. Yes, you can do this.

    1. Add a Custom HTML block just above the block with the opt in form.
    2. Delete the sample code in the Custom HTML block and add an empty DIV with an id. In this image, the id of the empty DIV is "jump-here":



    3. Save the Custom HTML block. Because there is no content in the block it collapses completely and doesn't break your design. 
    4. Publish the ONTRApage, and copy the URL to the clipboard for the next step.
    5. For each CTA button, use the URL of the page, a pound sign, and the ID of the empty DIV as the URL. In our example you would add "#jump-here" to the end of the ONTRApage's hosted URL:



    6. When the button is clicked, the browser will jump to the empty DIV just above the opt in form block.

    Q. Can I combine two Blocks, using half of one and then half of another in the same horizontal portion of the page?

    A. No, our designers have to make sure the entire Block is fully mobile responsive, so the entire Block must be used. If you have an example you would like us to create, click the Don't See Anything You Like? link at the bottom of the ONTRApages > Create New page.

    Q. What about the old ONTRApages? Can I still edit them? Can I create new ones?

    A. You can edit your existing ONTRApages v1.0 pages, but cannot create new ones.

     

    Q. Why do my telephone numbers disappear on iPhones when there's a blue background?

    A. The iPhone thinks the telephone number is a link and renders it with the default blue link color. You can choose either a different background color or add the following code to the Settings > Custom Header Code section of the page: <meta name="format-detection" content="telephone=no" />

     

     

    Have more questions? Submit a request

    Comments

    Powered by Zendesk