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?
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.
Go to Content Tab, choose Add Button:
Select Embedded link (popup) option:
Map the Google Sheet column containing the links:
5.Change the button Label and color, then press Apply to save all the changes:
Now each card has the Action button that redirects to our 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
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: 08/10/2020