AppsMeetings

Website embeds · Autessa Meetings

Popup and floating button

Autessa Meetings opens booking pages as a popup from any link or button on your site, or as a floating “Book a meeting” button in the corner of every page. You choose the button text and color, and the link still works if scripts are blocked.

A core scheduling capability, done carefully
Start free
northwind.example · Pricingnorthwind.example/pricingSample
Product demo ✕
10:0011:302:003:30
Talk to sales
HTML
<div data-autessa-meetings="demo" data-mode="button"
     data-button-text="Talk to sales" data-color="#0E9F75"></div>

The problem

Room on the page for a calendar is rare

Pricing pages and blogs rarely have room for an inline calendar. A popup keeps the page clean and opens the booking page right where the visitor decided to book.

What you get

  • Popup from any existing link or button.
  • Closes with Esc or the close button.
  • Floating button in the bottom-right corner of every page it’s on.
  • Custom button text up to 40 characters and custom color.
  • Without JavaScript, the link opens the booking page normally.
  • Try the popup from the console before pasting it.

How it works

How does popup and floating button work in Autessa Meetings?

  1. 1

    Pick the style

    On the link’s Embed page, choose “As a popup” or “Floating button”.

  2. 2

    Set text and color

    Type the button text and, for the floating button, pick a color.

  3. 3

    Copy and paste

    Paste the snippet; put the floating button in a site-wide footer to show it everywhere.

Every option

Popup and button options

OptionWhat it does
data-mode="popup"The element opens the popup when clicked.
data-mode="button"A floating corner button that opens the popup.
data-button-textText of the trigger or floating button.
data-colorButton color, like #2563eb; defaults to the link’s color.
AutessaMeetings.open(slug)Open the popup from your own code.

Permissions

Who can do what?

WhoCan
Any memberCopy popup and button code.
Website visitorBook in the popup.

Connected

How it connects to the rest of Meetings

FAQ

Questions about popup and floating button

Can I add a “Book a meeting” button to every page?

Yes. Paste the floating-button code into a site-wide footer and it appears on every page.

What happens if scripts are blocked?

The link still opens the booking page, just in a new tab.

Can I open the popup from my own button?

Yes. Call AutessaMeetings.open with the link’s address from any click handler.

Try popup and floating button in Autessa Meetings

Autessa Meetings opens booking pages as a popup from any link or button, or as a floating corner button with your own text and color, and falls back to a normal link.

Start free

Profile, calendar, hours, first link: the setup checklist walks you through all four.

100% customizable, code and all

Make Autessa Meetings fully your own.

Use it out of the box, then change anything. Ask Autobot, Autessa’s AI builder, for a new field, screen, report, workflow or agent and it builds it into your copy of the app. Or open the code and edit it yourself. Nothing is locked: the app, its data and its code are yours.

Start free and make it yours