Skip to main content

Embedding Ageless in your Website

Create a button for your link or a dedicated page

Overview

Your website is one of the highest-intent places a patient can encounter Ageless — they're already there looking at your treatments.

The embed wizard walks you through how to add Ageless to your site and generates the code you can either install yourself or send directly to whoever manages your website.


Choose Your Embed Type

Head to Ageless Marketing and click on Embed on your Site on the Ageless link you want to add. Pick the option that fits where you want patients to find it — you can always add more later.


How the Setup Works

  1. Choose your embed type

    Floating button, inline button, or dedicated page

  2. Enter your website

    List the site(s) you'll embed Ageless on

  3. Customize the look

    Button text, color, position, and style

  4. Get your embed code

    Install it yourself or send to your web person

Dedicated Page (iFrame) skips the customization step — it embeds the full experience rather than a button, so there's nothing to style.


Customizing Your Button

For Floating Button and Inline Button embed types, you can customize how the button looks before generating your code. Everything can be changed later.


Getting the Code on Your Site

Once you've made your choices, the wizard generates your embed code. You have two options for what to do with it:

  • I'll set it up myself — Copy the code and follow the platform-specific instructions to install it on your site.

  • Send to my web person — Enter your web developer's email and Ageless will send them the code along with setup instructions directly.

If you're setting it up yourself, the wizard includes step-by-step instructions for the most common website platforms.

Not sure what platform your site is on? Send the code to your web person instead — they'll know exactly where to put it, and the email includes everything they need.


Word Press Instructions

WordPress — Floating Button

Easiest with a free plugin called WP Headers and Footers,

  1. Go to Add New Plugin in your WordPress dashboard

  2. Search for WP Headers and Footers

  3. Install and activate it

  4. Go to Settings → WP Headers and Footers

  5. Paste the embed code into Scripts in Footer

  6. Click Save

Ageless will appear on every page of your site.

WordPress — Inline Button

  1. Open the page or post where you want the button in your WordPress editor

  2. Click the + icon at the spot where the button should go

  3. Search for and select the Custom HTML block

  4. Paste the embed code into the box

  5. Click Update or Publish. The button will appear right where you placed it!

WordPress — Dedicated Page (iFrame)

  1. In your WordPress admin, go to Pages → Add New

  2. Name the page something like See Your Results

  3. Click the + to add a block and search for Custom HTML

  4. Paste the embed code into the box

  5. Click Publish. Your Ageless page is now live!

Note: Add the page to your menu under Appearance → Menus.


Squarespace Instructions

Squarespace — Floating Button

  1. Log into Squarespace and open your site

  2. Copy and paste the code below into the Footer field

  3. Click Save. Ageless will now appear on every page of your site!

Squarespace — Inline Button

  1. Open the page where you want the button to appear

  2. Click the + icon at the spot where the button should go

  3. Search for Code and select the Code block

  4. Paste the embed code into the box

  5. Make sure Display Source is toggled off

  6. Click outside the block, then Save the page. The button will appear right where you placed it!

Note: JavaScript in code blocks requires Core plan or higher.

Squarespace — Dedicated Page (iFrame)

  1. In Squarespace, go to Pages and click the + to add a new page

  2. Choose Blank layout and name it something like See Your Results

  3. Open the new page and click Edit

  4. Click the + insert point and select the Code block

  5. Paste the embed code into the box

  6. Make sure Display Source is toggled off

  7. Click Save. Your Ageless page is now live!

Note: Add the page to your navigation menu so visitors can find it.


Wix Instructions

Wix — Floating Button

  1. Open Settings in your site's dashboard

  2. Click Custom Code in the Development & Integrations section

  3. Click + Add Custom Code within the Body - End block

  4. Enter a name like Ageless AI and paste the embed code. Set it to embed on All pages

  5. Click Apply. Ageless will now appear on every page of your site!

Wix — Inline Button

  1. Open the page where you want the button in the Wix Editor

  2. Click + Add Elements in the left toolbar

  3. Choose Embed Code → Embed HTML

  4. Drag the widget to the spot where the button should go

  5. Click Enter Code on the widget, paste the embed code, click Update

  6. Publish your site. The button will appear right where you placed it!

Wix — Dedicated Page (iFrame)

  1. In the Wix Editor, open the Pages menu and click + Add Page

  2. Choose Blank and name it something like See Your Results

  3. On the new page, click + Add Elements in the left toolbar

  4. Choose Embed Code → Embed HTML (or Embed a Widget)

  5. Resize the widget to fill the page

  6. Click Enter Code, paste the embed code, click Update

  7. Click Publish. Your Ageless page is now live!


Shopify Instructions

Shopify — Floating Button

  1. From your Shopify admin, go to Online Store → Themes

  2. On your live theme, click Customize (the green button — not Edit code)

  3. In the left sidebar, scroll to the Footer area and click to expand it

  4. Click Add block

  5. Select Custom Liquid

  6. Paste the Ageless snippet into the box on the right

  7. Click Save. Ageless will now appear on every page of your site!

Shopify — Inline Button

  1. From your Shopify admin, go to Online Store → Themes

  2. On your live theme, click Customize (the green button — not Edit code)

  3. Use the template dropdown at the top of the editor to navigate to the page where you want the button

  4. In the left sidebar, click Add section

  5. Search for and select Custom Liquid

  6. Paste the embed code into the box on the right

  7. Drag the section to position it where you want the button to appear

  8. Click Save. The button will appear right where you placed it!

Shopify — Dedicated Page (iFrame)

  1. In your Shopify admin, go to Online Store → Pages and click Add page

  2. Name the page something like See Your Results, leave the content blank, click Save

  3. Go to Online Store → Themes and click Customize on your live theme

  4. Use the template dropdown at the top to navigate to Pages → See Your Results

  5. Click Add section in the left sidebar, search for Custom Liquid

  6. Paste the embed code into the Custom Liquid box on the right

  7. (Recommended) Remove the default page section above it so the iframe takes the full page

  8. Click Save. Your Ageless page is now live!


Using something else?

Other — Floating Button

Works on any site that lets you paste custom HTML or a script tag.

  1. Open your site editor and find a Custom Code / HTML / Footer area

  2. Paste the code below into that area

  3. Save and publish your site

Other — Inline Button

Works on any site that lets you paste custom HTML into a page.

  1. Open the page editor and find the spot where you want the button

  2. Add a Custom HTML / Embed block at that location

  3. Paste the embed code into the block

  4. Save and publish the page

Other — Dedicated Page (iFrame)

Works on any site that lets you create a page and add custom HTML.

  1. Create a new page in your site editor and name it something like See Your Results

  2. Find a Custom HTML, Embed, or Code block option in the page editor

  3. Paste the embed code into that block

  4. Save and publish the page. Your Ageless page is now live!


FAQs

Which embed type should I use?

Start with the Floating Button. It shows up on every page of your site without requiring any specific placement, which means more patients will see it. If you want a cleaner look in a specific location, add an Inline Button too. The Dedicated Page is best when you want to drive traffic directly to the experience via a link in your navigation or ads.

Can I have more than one embed type on my site at the same time?

Yes. You can run the wizard multiple times to generate different embed types. A common setup is a Floating Button for site-wide visibility plus an Inline Button in the homepage hero.

Can I change the button text or color after I've already installed it?

Yes - go back through the embed wizard, make your changes, copy the new embed code, and replace the old one on your site. The process is the same as the initial setup.

Does it matter which Ageless link the button uses — Aesthetics, Wellness, or Aesthetics + Wellness?

Yes. Click Embed on your Site from the specific link you want to use. The embed code is tied to that experience. If you want to embed multiple experiences on different pages, run the wizard separately for each link.

What if I don't manage my own website?

Use the Send to my web person option in Step 4. Enter their email and Ageless will send them the embed code along with setup instructions. They can handle the rest without needing access to your Ageless account.

Did this answer your question?