How to add an Iframe

How to add an Iframe

An inline frame (Iframe) is a tool for taking content from one website and displaying it on your Amaze Pro page. Many providers that generate customizable forms and surveys offer the ability to share their content through an Iframe, including Google Maps.  
  1. In your project, select the screen you want to add your Iframe.
  2. Click the Integrations button, select the Iframe component, add it to your project where you wish the content to appear.  
Iframe Component in Famous Pro Editor
  1. Go to the website or content you want to include in your Iframe and copy the embed code.
    If you include a  website,  copy the full URL including the https://

  2. Paste copied code or URL into the component window located in the Right Sidebar under the Object tab.
Adding Iframe Content to Component
Once pasted, the IFrame component should instantly update with your shared content. 

    • Related Articles

    • How to embed YouTube videos

      You can add a YouTube video to your landing page by following the steps outlined below.  1. Start by selecting the screen you wish to add the YouTube video to and click on the Integration button on the right hand side of the asset bar. The window ...

    • How to Add an Omnisend HTML Form

      Amaze Pro supports embedding content in an iFrame, including custom forms from Omnisend . To include an Omnisend HTML form in your project, do the following. From Omnisend: 1. Follow these directions to get the custom iFrame code from your Omnisend ...

    • Create Variants for a Shopify Buy Button embed

      You can configure the Buy Button embed to include variants when you create it in Shopify. Before you get started You need to have a pre-existing Shopify store.  You must have added the product and product variants in your Shopify Admin and made it ...

    • Add Custom Code and Scripts

      The Custom Code input field in Project Settings allows you to add custom code and scripts to your Amaze project. This can be useful for adding additional HTML, CSS, and JavaScript. Code is inserted in the Head tag and applied to the entire page.   To ...

    • How to add screen transitions

      Adding a screen transition will allow for users to navigate from screen to screen of your project. They are made up of three parts: a gesture that initiates the transition, the target or destination screen, and a transition style that controls the ...