How to embed a Jotform in your guide

Drop a Jotform into any section of your Touch Stay guidebook to capure data, offer services and upsell to your guests.


Table of contents:

Video: How to add a Jotform to your Touch Stay guide

Step by step: How to add a Jotform to your Touch Stay guide

Go to Settings > Custom elements and click 'New custom element'

Select Jotform as the 'Third party service'. An 'Element code name' will be generated. This is the code that you will insert in your guide where you want the Jotform to show. You can change the name to whatever you wish to make it easier to identify each custom element you add. Only letters, numbers underscores or hyphens can be used - no special characters or spaces.


Next, paste in your Jotform link. This can be found under the PUBLISH settings, in the QUICK SHARE tab in Jorform.

undefined

Click 'COPY LINK' and paste into the 'Jotform link' box in Touch Stay. Click 'Save'.

undefined

To insert the Jotform into your guide, go to Content Hub and open the topic you want to add your Jotform to. Put your cursor where you want the Jotform to appear. Click 'Custom element' in the toolbar, select the relevant Jotform custom element code name from the dropdown and click 'Insert'.

undefined

undefined

This will place your custom element field code into your topic content and when you preview the guide it will be replaced by your chosen form.


Trouble Shooting FAQs

My link isn't being accepted when creating my custom element, what should I do?

If your link isn't being accepted then the most likely reason is that it's the wrong link option. Jotform offers a wide range of sharing options and we need the most basic share link to your form as shown in the screenshots above. Double check you are using the basic direct link for your form. If this still doesn't work, or you can't find it in your Jotform account, then please contact support and send us a a screenshot of the Jotform share options that are available to you.


My form doesn't display fully or has lots of empty space beneath it, what should I do?

The Jotform will be added to your guide using what's known in web development as an iframe. This technique creates a window in your guide to the Jotform. However, the window isn't able to detect the size of the source Jotform and you may wish to adjust the height of the window to better match your form.

This can be done by editing the custom element from the Custom Elements tab of the Settings page. Use the 3 dots menu and select 'View/Edit', then adjust the height value accordingly. You may find it useful to have your guide preview open in a separate tab so you can refresh the page after changing the height in case it needs further adjustment.

undefined

Can I have a different variation of the form for each of my guides?

Yes, you can set a different value for the link for each guide. This could be useful if you have a Jotform with parameters to pre-fill values such as your property name or id. Go to Guides. Click on the name of the guide you want to add a custom element to.

Scroll down to the bottom of the Guide details page and click 'Edit' next to the 'Guide custom elements' section. Paste the link to your custom element in the relevant custom element box and adjust the element height as needed. This will adjust the custom element for this guide only - Note this option is only available if you have more than 1 guide in your account.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us