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.
![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/ezgif-4-0c78790fe15a_19tguqo.gif)
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](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/1popup-googleform_17yycnv.png)
Go to Content Tab, choose Add Button:
![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/2addbutton_12fan1l.png)
Select Embedded link (popup) option:
![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/aaa_5ymvl3.png)
Map the Google Sheet column containing the links:
![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/4iframe-url_1h56bly.png)
5.Change the button Label and color, then press Apply to save all the changes:
![Customize the button](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/5label_9g7y5j.png)
Now each card has the Action button that redirects to our Google Form:
![Click on the button will redirect to the Google Form](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/6buttons_1ki2hh5.png)
![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/7_2eduf5.png)
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:
![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/airtableembed-form2020-10-0711_ex39nv.png)
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! 😉
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.
![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/ezgif-4-0c78790fe15a_19tguqo.gif)
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.
![Links to the Google Form](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/1popup-googleform_17yycnv.png)
Go to Content Tab, choose Add Button:
![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/2addbutton_12fan1l.png)
Select Embedded link (popup) option:
![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/aaa_5ymvl3.png)
Map the Google Sheet column containing the links:
![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/4iframe-url_1h56bly.png)
5.Change the button Label and color, then press Apply to save all the changes:
![Customize the button](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/5label_9g7y5j.png)
Now each card has the Action button that redirects to our Google Form:
![Click on the button will redirect to the Google Form](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/6buttons_1ki2hh5.png)
![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/7_2eduf5.png)
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:
![](https://storage.crisp.chat/users/helpdesk/website/918f9541750fe800/airtableembed-form2020-10-0711_ex39nv.png)
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
Thank you!