Skip to content
Stylacal Help Center

Embeds, WordPress & Integrations

Inline Responsive iFrame Embed

Section titled “Inline Responsive iFrame Embed”

You can embed any Stylacal booking flow directly into your website using our lightweight, responsive snippet:

<iframe
  src="https://book.yourbrand.com/embed"
  width="100%"
  height="720"
  frameborder="0"
  style="border:0; border-radius:4px; max-width:850px; margin:auto; display:block;"
  title="Book Appointment">
</iframe>

Interactive Embed Configurator

Section titled “Interactive Embed Configurator”

Generate a customized embed snippet tailored to your subdomain, theme, and container height:

Interactive Widget Embed GeneratorAlpine.js Configurator

Customize and generate your responsive embedding snippet for Webflow, WordPress, or custom HTML:

Adding to Webflow & WordPress

Section titled “Adding to Webflow & WordPress”

Webflow Setup

Section titled “Webflow Setup”
  1. Open your Webflow Designer canvas.
  2. Drag an Embed Component into your target page section.
  3. Paste your customized iFrame snippet.
  4. Publish to your Webflow domain.

WordPress Setup

Section titled “WordPress Setup”
  1. Open the WordPress block editor (Gutenberg).
  2. Add a Custom HTML block.
  3. Paste your embed snippet and update the page. No third-party plugins or scripts required.
Section titled “Automated Video Conferencing Links”

When clients schedule online consultation sessions:

  • Google Meet: Connect your Google Calendar; meeting links are generated automatically and injected into the calendar event and confirmation email.
  • Zoom & Microsoft Teams: Connect your Zoom or Microsoft 365 account via the integrations tab to generate unique, secure meeting URLs for each booking.