Shopify

Use Pointr widgets on service-oriented Shopify stores, booking landing pages, or product pages where an appointment is part of the sale.

Page Content

1. Open Online Store > Pages.
2. Create or edit a page.
3. Switch to HTML/source mode.
4. Paste the iframe snippet.
5. Save and preview.

<iframe
  src="https://pointr.org/en/widget/availability/your-business-slug"
  width="100%"
  height="420"
  style="border:0;border-radius:12px;max-width:480px"
  loading="lazy"
  title="See next available appointment times"
></iframe>

Theme Section

For a reusable theme section, create a custom Liquid section and place the iframe in it.

<section class="pointr-widget-section">
  <h2>{{ section.settings.heading }}</h2>
  <iframe
    src="https://pointr.org/en/widget/booking/{{ section.settings.business_slug }}"
    width="100%"
    height="720"
    style="border:0;border-radius:12px;max-width:480px"
    loading="lazy"
    title="Book an appointment with Pointr"
  ></iframe>
</section>

Validate the business slug before exposing this as a merchant-editable field.