Click for instructions for GoDaddy, Wix or Squarespace sites.
After whitelisting your domain as instructed above you will need to add the widget code to the <head> tag of your website. The easiest way for most users to do this is by using a âcode snippetsâ plugin rather than editing your theme files directly. We recommend WPCode Lite, which is a free plugin.
You will create two code snippets to add the widget to your site. First, after installing the plugin, select âAdd Snippetâ and then choose âAdd Your Custom Codeâ option. Paste the script you copied from the OTS admin site into the Code Preview box. Make sure Type is set to âHTML Snippetâ, Insert Method is âAuto Insertâ and the Location is âSite Wide Headerâ. Click the Update button to proceed.
Create a shortcode for the actual widget embed itself. Click âAdd Snippetâ from the side bar and choose the âAdd Your Custom Codeâ option again. You will paste the code reference from the OTS admin screen into the Code Preview box. Make sure Type is set to âHTML Snippetâ, Insert Method is âShortcodeâ. The plugin will automatically generate a shortcode for you. Click the Update button to proceed.
On the page where you would like to embed the widget, choose the Shortcode block type and insert the shortcode generated in the previous step. Note: Your editing interface may look different depending on whether you are using the default Gutenberg editor, the classic Wordpress editing experience, or a more advanced plugin like WPBakery Page Builder.
