Getting your booking page link
Before you can add your booking button to any website, you need your booking page URL. Here is how to find it:
Go to Settings in your dashboard
Sign in at apptguard.nihnyx.com/login and click Settings in the left sidebar.
Click the Booking tab
Find your booking page URL in the "Booking URL" section. It will look like: https://apptguard.nihnyx.com/book/your-slug
Copy the URL
Click the Copy button next to the URL, or highlight the full address and press Ctrl+C (Windows) or Command+C (Mac). Keep this copied you will paste it into your website next.
Shopify
Shopify is one of the most popular platforms for product-based businesses. Adding a booking button is straightforward using the navigation menu or a custom button section.
Option A — Add to your navigation menu (recommended)
Go to your Shopify admin
Log in at yourstore.myshopify.com/admin
Navigate to Online Store → Navigation
In the left sidebar, click Online Store, then Navigation.
Open your Main Menu
Click on Main menu (or whichever navigation menu you want to edit).
Add a menu item
Click Add menu item. In the Name field, type Book Now. In the Link field, select URL and paste your ApptGuard booking link.
Save the menu
Click Save menu. The Book Now link now appears in your store's navigation bar.
Option B — Add a button to a page
Open the page you want to edit
Go to Online Store → Pages and click the page (e.g. your Home or Contact page).
Click the link icon in the editor
Type the text you want (e.g. "Book an Appointment"), highlight it, and click the link icon in the text editor toolbar. Paste your booking URL and click Insert link.
Save and preview
Click Save, then Preview to confirm the link works correctly.
WordPress
WordPress is used by over 40% of all websites. The instructions differ slightly depending on whether you use the newer Block Editor (Gutenberg) or a page builder like Elementor or Divi.
Using the WordPress Block Editor (Gutenberg)
Open the page or post you want to edit
Go to Pages (or Posts) in your WordPress dashboard and click Edit on the page.
Add a Button block
Click the + icon to add a new block. Search for Button and select it.
Set the button text and link
Type your button text (e.g. "Book an Appointment"). Click the link icon that appears, paste your booking URL, and press Enter.
Open in a new tab (optional)
In the block settings on the right, toggle Open in new tab if you want the booking page to open without leaving your website.
Update and view
Click Update in the top right, then click View Page to test the button.
Adding to the navigation menu in WordPress
Go to Appearance → Menus
In the WordPress dashboard sidebar, hover over Appearance and click Menus.
Add a Custom Link
On the left side, expand the Custom Links section. In the URL field, paste your ApptGuard booking link. In Link Text, type Book Now. Click Add to Menu.
Save menu
Drag the new item to the position you want in the menu, then click Save Menu.
Wix
Open the Wix Editor
Log in to Wix and click Edit Site on your website.
Click the + Add button
In the left panel, click the blue + (Add Elements) button.
Add a Button element
Click Button and drag a button onto your page in the position you want.
Edit the button text
Double-click the button to edit its label. Type Book an Appointment or Book Now.
Set the link
Click the button once, then click Link in the toolbar that appears. Select Web Address, paste your booking URL, and click Done.
Publish your site
Click the Publish button in the top right to make your changes live.
Squarespace
Open your page editor
In Squarespace, go to Pages and click Edit on the page you want to modify.
Add a Button block
Click the + to add a content block. Select Button from the list of block types.
Configure the button
In the button settings, set the Button Text to "Book Now" and paste your ApptGuard URL in the Button URL field.
Save and publish
Click Apply, then Save, and finally click Done to publish your changes.
Webflow
Open the Webflow Designer
Log in to Webflow and open your project in the Designer.
Add a Link Block or Button element
From the Add Elements panel (press A), drag a Link Block or Button onto your canvas.
Set the link to your booking URL
With the element selected, find the Link Settings in the right panel. Set the type to URL and paste your booking link. Enable "Open in new tab" if desired.
Style and publish
Style the button using the Style panel, then click Publish to push changes live.
GoDaddy Website Builder
Open your GoDaddy website editor
Log in to GoDaddy, go to My Products → Websites + Marketing, and click Edit Website.
Add a section or click an existing button
Click the section of your page where you want the booking button. Click Add Section or click an existing button element to edit it.
Edit the button link
Click on the button text to edit it, then find the link/URL option. Select Web Address and paste your ApptGuard booking URL.
Publish your changes
Click Publish in the top right corner to make the button live on your website.
Framer
Open your Framer project
Log in to Framer and open your site project.
Add a Link component
Use the Insert menu to add a Link or Button component to your canvas. Set the text to "Book Now".
Set the href property
In the right panel under Properties, find the href or Link field and paste your full ApptGuard booking URL.
Publish
Click Publish in the top bar to deploy your changes.
Weebly
Open the Weebly Editor
Log in to Weebly and click Edit on your site.
Drag a Button element onto your page
From the element bar on the left, drag the Button element to the position you want on your page.
Edit text and link
Click the button to open settings. Set the button text to "Book Now" and the URL to your ApptGuard booking link.
Publish
Click Publish in the top right to make changes live.
Carrd
Carrd is a popular single-page website builder. Adding a booking button is very simple.
Open your Carrd site editor
Log in to Carrd and click the pencil (edit) icon on your site.
Add a Button element
Click the + button to add a new element. Select Button.
Configure the button
Set the label to "Book Now" or "Book an Appointment". In the URL field, paste your ApptGuard booking link. Set the action to Open URL.
Publish
Click the floppy disk icon to save, then click Publish.
Google Sites
Open your Google Site
Go to sites.google.com and open your site for editing.
Add a Button
In the right panel, click Insert and then Button.
Set button text and link
Enter the button text ("Book Now") and paste your ApptGuard URL in the link field.
Publish
Click the Publish button in the top right. Choose your publish settings and confirm.
Custom website — HTML code
If you or your developer built your website with HTML, adding a booking button is a single line of code. Here are several ready-to-use examples.
Basic text link
The simplest possible approach — a plain link that takes clients to your booking page:
<a href="https://apptguard.nihnyx.com/book/YOUR-SLUG">Book an Appointment</a>Replace YOUR-SLUG with your actual booking page slug (found in Settings → Booking).
Styled button
A fully styled button that matches a professional look with no extra CSS files needed:
<a href="https://apptguard.nihnyx.com/book/YOUR-SLUG"
style="display:inline-block;
background:#ff4d2e;
color:#ffffff;
padding:14px 32px;
border-radius:8px;
font-size:16px;
font-weight:700;
text-decoration:none;
font-family:sans-serif;">
Book an Appointment
</a>You can change the color, size, and text to match your brand. The background value is the button color in hex format — any color picker website will give you the hex code for your brand color.
Button that opens in a new tab
Add target="_blank" to open the booking page in a new browser tab, keeping your website open in the background:
<a href="https://apptguard.nihnyx.com/book/YOUR-SLUG"
target="_blank"
style="display:inline-block;background:#ff4d2e;color:#fff;
padding:14px 32px;border-radius:8px;font-size:16px;
font-weight:700;text-decoration:none;font-family:sans-serif;">
Book Now →
</a>Floating booking button
A button that stays fixed in the bottom-right corner of every page — visible no matter how far down users scroll. Paste this just before the </body> tag on every page:
<a href="https://apptguard.nihnyx.com/book/YOUR-SLUG"
target="_blank"
style="position:fixed;
bottom:24px;
right:24px;
background:#ff4d2e;
color:#ffffff;
padding:14px 24px;
border-radius:50px;
font-size:15px;
font-weight:700;
text-decoration:none;
font-family:sans-serif;
box-shadow:0 4px 20px rgba(255,77,46,0.4);
z-index:9999;">
Book Now
</a>Navbar booking button
A button styled to sit inside a navigation bar alongside other links:
<a href="https://apptguard.nihnyx.com/book/YOUR-SLUG"
style="display:inline-block;
background:#ff4d2e;
color:#ffffff;
padding:8px 20px;
border-radius:6px;
font-size:14px;
font-weight:700;
text-decoration:none;
font-family:sans-serif;">
Book Now
</a>#ff4d2e with your blue hex code, like #0057ff. A free tool like colorpicker.me can help you find your brand's exact hex code.
Integration troubleshooting
If your booking button is not working as expected, see the dedicated button not working troubleshooting guide. Common issues include:
- Typing the booking URL manually instead of copying and pasting it (typos are easy to make in long URLs)
- Forgetting to publish changes in your website editor — most builders require an explicit Publish step
- Your booking page not being enabled in Settings → Booking
- Your plan not including the booking page feature — see pricing