In WidgetForm, a website represents a logical connection to your actual website. It serves as a container for the forms you create, which can then be displayed through the widget.
To configure a website, navigate to the Websites page and click the Add+ button.
Each website has the following properties:
Name: The name used to identify the website within WidgetForm. This name is only for organizational purposes and is not displayed in the widget.
URL: (Optional) If specified, this URL is used for spam protection, ensuring that responses are only accepted from the given address.
Is Website Enabled: This option must be checked for the widget to be displayed on your site. Use it to control the availability of the widget.
Initial Message: A message that appears next to the widget (e.g., “Rate us 👋🏻”).
Widget Color: The color of the widget, specified in HEX format.
Widget Icon: The icon displayed on the widget, such as a smiley face or message bubble.
Connected Forms: A list of forms linked to the website, which will be displayed within the widget.
After creating a website, you'll need to connect it to your project to display the widget. To do this, go to the list of websites and click the Copy Code button.
A modal will appear with the required code. Click Copy & Close or manually copy the script and place it within the <head> section of your project's HTML.
🎊 Congratulations, you’ve successfully connected your first website!