Please note, the following steps do require a degree of technical acumen, so it's recommended that these be done by a Web Developer or someone with a degree of expertise in Web technologies.
Wix is a separate entity from Tripleseat, so this is meant to be a guide to common steps. Due to different plugins and themes for Wix, you will see differences in our screenshots, and the form may render differently on your Wix pages.
Embedding the form
First, log in to your Wix account, and hit the button ‘Edit Site’:
From there, select the site you want to edit to add the code of the form:
Click the + sign, choose Embed Code, then click the + next to Embed HTML:
Paste in the embed code (from Settings>Lead Forms>Setup Codes) in the box as shown and hit Update:
Once you click update, click the X on the Embed Code Setting block to see the form on the page, and that’s it! From Wix, you can drag, resize, and re-position your block as needed:
Styling the form in Wix
Wix automatically places embed scripts into an iframe, which can sometimes prevent the form from adopting your website's styling automatically. You can apply your own style rules to the iframe and Tripleseat form by adding CSS rules to your website's style sheet. Wix offers guides on implementing custom CSS, which can be used in conjunction with our Common CSS Customizations article to adjust the aesthetic of the form. The resources from Wix can be found below:
Redirect to a 'Thank you' page on successful submissions
Some customers choose to redirect guests to a custom thank-you page after submitting a lead. To do this in Wix, you can embed the following redirect script on the form page. Be sure to update the placeholder in line 4 to your custom thank you page URL:
<script>
TS.custom_success_callback = function(success_message, lead_id) {
// redirect to a custom url
window.location = 'THANK YOU PAGE URL';
// lead_id is the id of the created lead
// it can be used for custom tracking/analytics
record_new_lead(lead_id);
}
</script>Please note that the thank you page will load in the iframe that the Embedded Lead form is in, so we suggest having a thank you page with just text in it – no banners or footers with dynamic content.
If you would like Guests to be redirected outside of the iframe, then the fourth line in the above snippet can be changed to the following, with the corresponding thank you page URL between the quotes:
window.parent.location.href = 'THANK YOU PAGE URL';This should allow the redirect to populate in a new browser window as opposed to within the iframe containing the form.
If you have any additional questions about implementing a Tripleseat form on a Wix site, please reach out to support@tripleseat.com or submit a ticket via the help/questions button in-app.