Embed Sitecore 10.3 form to external website page

Today, we are going to discuss how to embed a Sitecore 10.3 form on an external website. Sitecore 10.3 is available in the market and offers many new features, including headless SXA and web hooks. The new Sitecore forms use an Embeddable Form Framework, which means that you can create the forms within Sitecore and use them on any type of website, regardless of the technology used.

The benefit of this is that you can collect data from non-Sitecore-based websites and import it into the Sitecore website. This feature is similar to the old FXM feature.

Here are the steps to implement it

·       Install Sitecore 10.3

·       Rebuild the master and web index

·       Install Sitecore Headless Service 21.0.0

·       Create and publish an API key

·       Create and publish a new form in Sitecore

·       Download the Sitecore Embeddable Forms

·       Copy the CSS folder and Javascript file to your website's root folder

·       Specify the form ID in your HTML or PHP website

·       Include the script in your HTML or PHP page

·       Pass the API key to the script

·       Specify any necessary CSS elements on your HTML or PHP page

Here is my Youtube video for the same

 

Stay tuned for more such articles, tips and tricks.