SnapApp: Embed a SnapApp

Follow

Before you begin:

  • To Embed a SnapApp your SnapApp must first be published.
  • You will need to be an Account Admin in order to view/copy the embed code. 

 

About SnapApp embeds

A SnapApp embed code is a piece of javascript that creates an HTML iframe on the specific part of the website or landing page in which you placed the code.

 

Step 1: Publish your SnapApp

To learn more about Publishing your SnapApp please refer to the following article: SnapApp: Publish a SnapApp 

Step 2: Navigate to the publish modal of your app

  1. Click the Green Publish button located in the top right hand corner of your app
    Screen_Shot_2020-09-16_at_11.36.55_AM.png
  2. Select the blue "Copy" icon located to the right of your apps embed code
    Screen_Shot_2020-09-16_at_11.41.49_AM.png
  3. Place the Embed Code anywhere HTML can live. Ex: 
    • MAP Landing Pages 
    • WordPress
    • Uberflip Blog Embeds
    • Directly onto your company website

Next steps: 

Below is a quick how-to guide for embedding and deploying a SnapApp, after copying the embed code:

  1. To get started first open your sites HTML/JavaScript editor, sometimes labelled as “Source.”
  2. Next, copy your SnapApp's embed code - detailed in the steps above.
  3. Use the example widget code below for a reference:
    *Sample ʻWidget Codeʼ (what this will look like)
    Screen_Shot_2020-09-16_at_12.15.51_PM.png
  4.  In your sites HTML/Java Script section paste theʻWidget Codeʼ that you just copied
  5.  After saving your HTML/Java Script just refresh your site to view the embedded SnapApp

 

If you have questions regarding the sizing or formatting of your SnapApp please don't hesitate to reach out to support@uberflip.com for more detailed instructions. 

 

 

 

 

0 out of 0 found this helpful

Comments

0 comments

Article is closed for comments.