Interactive
      Back to home
      1. Knowledge Base
      2. Create
      3. Interactive

      Interactive - Embeds

      Embedding "Interactive" content directly on your website or within your mobile app.

      "Interactive" and "Social" content are embeddable on websites or your mobile app. This article addresses embedding Interactive content. See "Social - Embeds" for embedding Social content.

      If you've never created an Interactive Embed on your account, then see "Getting Started" below. You can skip down to the "Configuring" and "Replacing" sections if you are looking to adjust or replace the Interactive content currently displayed on your website or mobile app.

      Getting Started

      To get started with your first Embed, you will:

      1. Navigate to the Interactive Workspace either via 
        1. Selecting "Interactive" from the Left Nav Menu on the Home page or
        2. the Product Menu [see below]Product Menu > Interactive
      2. Select "Embeds" Interactive Embeds Callout
      3. Click "+ Create New" then "From Scratch"
      4. Give your embed a Title, then open the "Type" menu. Choose "Panel" followed by opening the "Panel" menu to select which piece of Interactive content you'd like to embed. Once content is selected, it will appear in the preview window on the right side of your screen.Creating an Embed
      5. Save the embed, then navigate back to Embeds to copy or share the embed code.Copy or Share Embed Code
        1. Copying the embed code allows you to paste it on the same device.
        2. Sharing the embed code allows you to successfully share it without stripping.

      Configuring an Embed

      Within the Embed Builder, the last menu option on the left sidebar is "Configurations". You will be able to adjust the desktop and mobile aspect ratio for your embed. The desktop aspect ratio is 16:9 by default while the mobile aspect ratio is 1:1  by default. Embed Configurations

      Note:

      If you change the mobile configurations, change the "Preview size" to test the appearance.

      Replacing Interactive Content within an Embed

      You do not need to create a new Embed every time you'd like to change out the embedded content displaying on a particular website [or within your mobile app]. The Interactive content previously chosen can be replaced with a different asset from within the Embed builder.

      1. Open the Interactive WorkspaceProduct Menu > Interactive
      2. Select "Embeds"
      3. Open the embed with the Interactive content you'd like to replace by clicking on the row
      4. Navigate to the "Panel" menu on the left sidebar. Click "Remove Panel" and replace with it with new Interactive content by clicking "Select Panel".Replace Interactive Embed