Embedding the Widget

Copying the Embed Code

Go to Settings → Embed Widget in your dashboard. You will see a snippet of JavaScript that loads the EverBooking widget. Copy it to your clipboard with one click.

Platform-Specific Guides

Each website builder handles custom code slightly differently. Follow the instructions for your platform below:

• WordPress: Use a Custom HTML block or your theme's header/footer script injection feature.
• Wix: Open your site editor, add an HTML iframe element, and paste the inline embed snippet.
• Squarespace: Add a Code Block to any page and paste the script. Ensure you disable AJAX loading if the widget does not appear.
• Shopify: Insert the script into your theme.liquid file before the closing </body> tag, or use a dedicated app section.

SDK Options

For deeper customization, use our React, Vue, or Vanilla JavaScript SDKs. These give you full control over styling, event callbacks, and pre-filled client data. Installation is via npm or a CDN link.

Testing Your Integration

After embedding, open your site in an incognito window and run through a test booking. Confirm that the service list, staff selector, and time slots render correctly on both desktop and mobile.