Putting the booking button on WordPress

WordPress comes in two flavors, and it matters here:

• Self-hosted WordPress (your own hosting, the site is "WordPress.org") — everything below works.
• WordPress.com (hosted for you at wordpress.com) — linking a button works on any plan, but embeds and scripts need a Business plan. Lower plans strip them out for security.

First, grab your booking address from the admin: Locations → (your venue) → Edit → "Add booking to your website." It looks like https://book.artistryhost.com/yourvenue/yourlocation.

Easiest: link a button (any site, any plan)

1. Edit the page or post → click + to add a block → Buttons.
2. Type Book now.
3. Select the button, click the link icon, and paste your booking address (https://book.artistryhost.com/yourvenue/yourlocation). Press Enter.
4. Update / Publish.

This works everywhere, including a WordPress.com free site.

Embed the booking flow on a page

For the booking flow directly on a page (self-hosted, or WordPress.com Business):

1. Edit the page → add a Custom HTML block.
2. Paste the inline embed from your admin:

   <iframe src="https://book.artistryhost.com/yourvenue/yourlocation"
           title="Book your experience"
           style="width:100%;min-height:680px;border:0;"
           allow="payment *"
           data-artistryhost></iframe>
   

   The version in your admin comes with a small script that resizes the frame to fit, so there's no inner scrollbar.
3. Update / Publish.

Overlay button (stay on your page)

This is an advanced option — there's no copy button for it in your admin, so you assemble the snippet by hand. For the "Book now" overlay (self-hosted, or WordPress.com Business): add a Custom HTML block where you want the button and paste both parts — the <a … data-artistryhost-book …> button (with your booking address in data-ah-url) and the loader script:

<a href="https://book.artistryhost.com/yourvenue/yourlocation"
   data-artistryhost-book
   data-ah-url="https://book.artistryhost.com/yourvenue/yourlocation">Book now</a>
<script src="https://book.artistryhost.com/embed.js" async></script>

Publish.

On self-hosted WordPress this runs as long as you're editing as an administrator (the role that's allowed to add scripts). If the script gets stripped, you're either on WordPress.com below Business or editing under a restricted role — in that case use the linked button, which always works.

Page builders like Elementor and Divi have their own HTML widget that works the same way — paste the snippet into it.

Need a hand? The Question button at the bottom-right of any help page reaches us.