Why isn't my BookX booking button appearing on my storefront?
If the BookX booking button isn't showing up on your product page, work through the checks below in order. Most cases are resolved by the first few steps.
1. Confirm the BookX app embed is enabled
The BookX button relies on an app embed in your Shopify theme, and it can be switched off without you realizing it.
- Go to Online Store > Themes.
- Click Customize on your live theme or the theme you would like to test the BookX app.
- Open the App embeds section (usually found in the left-hand panel or via the puzzle-piece icon).
- Find BookX in the list and make sure the toggle is turned on.
- Save your changes.
2. Check that the service is active
If the button still isn't showing, confirm the related service hasn't been deactivated.
- Open the BookX app.
- Go to your list of services.
- Find the service linked to this product and confirm its status is Active.
If it's inactive, activate it and recheck your storefront.
3. Check the button's position and the Add to Cart button
- On your product page, check whether the Add to Cart button is visible or hidden.
- If it's hidden, go to the BookX app and open Settings > Widget Customisation.
- Check which positioning option is selected:
- Default (Before Add to Cart button) — since there's no Add to Cart button for this product, the BookX button has nothing to attach to and won't appear. Switch to Position using CSS selectors and set the position manually.
- Position using CSS selectors — if this is already selected but the button still isn't showing, the CSS selector may be pointing to the wrong element. Update the selector to target a valid element on your page.
If you're not comfortable identifying or editing CSS selectors, contact our support team for help.
4. Confirm the correct product is linked to the service
- The correct product is added to the service.
- If the product has variants, the correct variant is selected within the service.
- No changes have been made to the original product (title, variants, etc.) that aren't reflected in the service — for example, if the product was edited in Shopify after being added to BookX.
- The BookEasy tag is present on the product in Shopify (Products > [your product] > Tags). If it's missing, the button won't display.
- Remove the product from the relevant service in BookX.
- Re-add the product to the service.
- Recheck your storefront.
- The product is in stock.
5. Services without a linked product
If your service was created without being linked to a specific product, the booking button placement depends entirely on where it's positioned in your Shopify theme.
- Go to Online Store > Themes > Customise.
- Confirm the BookX button block has been added to the correct page and location.
- Reposition it if needed and save your changes.
6. Check your subscription plan
The booking button may not appear if there's an issue with your BookX subscription:
- Cancelled plan: If your store previously had an active BookX subscription that has since been cancelled, the booking button will stop displaying. Resubscribe to restore functionality.
- Open the BookX app.
- Go to Billing/Plan settings.
- Confirm your subscription is active.
If your plan has lapsed, resubscribe to restore the booking button.
- Development or client transfer stores going live: BookX allows full feature testing without a subscription on development stores and client transfer stores. Once you switch to a live (paid) Shopify store, you'll need to subscribe to the appropriate BookX plan based on the features you're using.
Still not working? If you've been through all the steps above and the button still isn't appearing, reach out to our customer support team with a link to the affected product page so we can take a closer look.