Articles on: Integrations

Embedding a Pop-up

Embedding a Pop-up is the easiest way for fast and smooth integration.

Add a link to a form, a PDF, any other service of your choice to your website. The form/ PDF/ the service will be embedded as an iFrame and SpreadSimple will display it in a Pop-up.



How to embed in a pop-up?


  1. Create a column in your source Google Sheet and fill it with the links to the service you want to integrate with your website.

For this example, we're going to add a Google Form to let our customers book an appointment right on the website.


Links to the Google Form

  1. Go to Content Tab, choose Add Button:


  1. Select Embedded link (popup) option:


  1. Map the Google Sheet column containing the links:


5.Change the button Label and color, then press Apply to save all the changes:


Customize the button


Now each card has the Action button that redirects to our Google Form:


Click on the button will redirect to the Google Form


Please keep in mind that not all the websites allow being wrapped as iFrame.

Pro tip: Use the URL, that the service itself uses as an src attribute in the iFrame tag.

For example, for Airtable this will be:

What else can be embedded in a pop-up?

Here are some integration suggestions for you to consider:


  • Calendly widget for appointment booking
  • Youtube videos
  • Embeddable payment forms
  • Custom forms: Google Forms, Jotforms, Typeform, etc
  • Social Media posts: Twitter, Facebook, Instagram, etc
  • Share code examples via CodePen or GitHub
  • Use the Action button to open Google Maps in a pop-up
  • Use Sheets formulas to build these embed links: populate selected item ID, price, etc

And any other ideas of your own!

Get a simple yet flexible tool providing a smooth experience for your users! 😉

Updated on: 06/03/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!