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.

Sitecore Mindmap

Sitecore is a complex platform with many products, features and functionalities, and it can be challenging to keep track of all the details.

A mind map can serve as a single source for quick and easy access to information about a Sitecore products and its different features. It can also be used as a reference guide to quickly find specific information or to communicate the products to the clients, team members and stakeholders.

So I created Sitecore mindmap for reference

I am open to any suggestions or feedback on what else could be included in this mind map that may have been missed!!!!

Here is my YouTube video for the same

Stay tuned for more such articles, tips and tricks.