Company Blog Support
Rochelle Yoshida


    Back to Top

    Edit the Content of ONTRApages and ONTRAform Blocks

    About Editing Blocks

    The click to edit interface is intuitive and most people can dive right in. These instructions give you detail on each type of block and how it is edited.



    Edit Text

    Click in the text block to edit text directly in the block.

    Use the edit bar to change font style (Header 1, Header 2, Body, etc.), insert merge fields, text color, typographic emphasis (bold, italic, underline), alignment (right, center, left, justified) and add or remove hyperlinks.

    Some text blocks contain multiple text elements and will require clicking on the text element you wish to edit from the Palette.

    Insert Hyperlinks

    Hyperlinks allow you to link to:

    • A specific URL
    • An ONTRAPORT Landing Page
    • A Tracked Link
    • A downloadable ONTRAPORT hosted file (e.g. pdf, doc, mp3)
    • An ONTRAform Lightbox

    You can hyperlink text, images, and buttons. Highlight the text or element you wish to hyperlink and click the link icon in the edit bar. Choose the type of link you'd like and click the okay button.

    To hyperlink a telephone number, select URL and type in Tel:

    If you'd like to remove the link, click the remove link button.

    insert hyperlink

    Add Images

    Add images by clicking on the image block or element. From the Palette, you can change, edit or hyperlink the image. The block must contain an image in order to put an insert an image. If the block does not contain an image, please select a block that contains one.

    • To change an image, click the change image button to upload a new image or select one from your image library.
    • For basic image editing, click the pencil icon for basic image editing such as cropping or resizing the image.
    • To hyperlink an image, click the link button. Enter the specific URL, select an ONTRApage, hosted file or ONTRAform.

    Add Videos

    ONTRAPORT allows video embed code to be entered from many sources including but not limited to Youtube, Vimeo, Wistia or ONTRAPORT's video manager.  You can find blocks that allow videos to be inserted in the Video and Smart Form blocks.

    To use embed code from your own video host:

    • Copy the embed code from your video host
    • Add a video block in your ONTRAform
    • Click the Embedded button in the palette
    • Paste the Embed code into the Embed Code text box

    Autoplay Configurations

    To use an ONTRAPORT Hosted video:

    1. Add a video block in your ONTRAform
    2. Click the Hosted button in the palette
    3. Use the dropdown to select your desired video
    4. 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.
    5. add autoplay to an ONTRAPORT hosted video

    Add Social Icons

    There are several blocks in which you can link social icons to your social sharing pages. A variety of icon styles are available to match any design you desire. 

    Too add social icons:

    1. Insert a block that has social icons (header, footer, or social icons)
    2. Click the social icon you'd like to update
    3. Select the social sharing icon you'd like to use
    4. Enter the URL of your social sharing page
    5. Click the save button
    Create "Share this page" links by:
    1. Visit Share Link Generatorexternal link
    2. Add the URL of the page you want your readers to share (i.e, your Facebook page, Twitter feed, etc)
    3. Click Create the Link
    4. Copy the output and paste it into the icon URL field in ONTRAPORT
    Copy and paste the output




    Other Resources


    ONTRAforms Basics

    Selling Products and Leveraging Upsell Opportunities

    Publishing Your ONTRAforms

    Articles in this section

    Created - Updated
    Have more questions? Submit a request


    Powered by Zendesk