Advanced (CSS, tracking, app)

The Advanced tab is where you go beyond the point-and-click controls. Here you can drop in your own CSS to restyle the page, connect marketing and analytics pixels so you can measure visits, and — for the technically inclined — export a standalone copy of your booking page to host yourself. Most restaurants never need any of this: the Branding, Pages and Settings tabs cover everyday needs. But when you want more control, this is where it lives.

Before you begin

These tools live on the Advanced tab of your booking page editor. Open Booking Page from the left menu, then click the Advanced tab (the one with the code icon). Available on plans that include the Booking Page. You need the View landing page config permission to open the editor and Update landing page config to save your changes. As the restaurant owner you have every permission by default; employees only see this once you grant it. Custom CSS and Tracking pixels are extra capabilities — they appear only when your plan includes them, otherwise you will see a prompt to upgrade in their place.

What is on the Advanced tab

Three separate tools, top to bottom:

• Advanced Settings — a Custom CSS box for styling the page with your own rules.
• Tracking Pixels — connect a Facebook, Google Analytics or TikTok pixel to measure traffic and ads.
• Standalone Booking App — download a self-contained copy of your booking page you can host on your own web server.

Each one saves in its own way, which matters — read on.

Custom CSS

CSS is the language that controls how a web page looks — colours, spacing, rounded corners, and so on. If you (or a web person you work with) know CSS, the Custom CSS box lets you restyle your booking page in ways the branding controls do not cover. Anything you type here is applied on top of your chosen theme.

1. Open Booking Page and click the Advanced tab.
2. In the Advanced Settings card, type or paste your rules into the Custom CSS box.
3. Click Save in the bar that appears at the bottom of the screen.

The Custom CSS box on the Advanced tab. The live preview beside the editor updates as you type.

For example, to round the corners of the booking form:

.booking-form {
  border-radius: 12px;
}

The live preview next to the editor updates as you type, so you can see the effect before anything goes live. Your changes reach guests once you Save and your page is published (publishing lives on the Settings tab).

Caution

Custom CSS is powerful, and it applies to your whole booking page. A wrong rule can hide buttons, overlap text, or break the layout on phones. Change one thing at a time, watch the preview, and keep a note of what you changed so you can undo it. You can enter up to 10,000 characters.

Tracking pixels

A tracking pixel is a small snippet an advertising or analytics platform gives you. Adding one lets that platform count visits to your booking page and see which of your ads led to reservations — so you can measure ad performance and build audiences. Eighty-Six supports three of the most common providers.

1. On the Advanced tab, find the Tracking Pixels card.
2. Switch on the provider you use. The Tracking ID box for it becomes editable.
3. Paste your tracking ID into the box.
4. Click Save Tracking.

Each provider has its own on/off switch and Tracking ID field. Enter only the ones you use.

Caution

Tracking has its own Save Tracking button. The Save bar at the bottom of the page (the one that saves your branding and CSS) does not save tracking — always click Save Tracking after changing a pixel, or your ID will not stick.

Where to find each ID

Facebook Pixel

Your ID looks like 1234567890. Find it in Meta Events Manager, under Data Sources → Your Pixel → Settings.

Google Analytics 4

Your ID looks like G-XXXXXXXXXX. Find it in Google Analytics 4, under Admin → Data Streams → Your Stream → Measurement ID.

TikTok Pixel

Your ID looks like CXXXXXXXXXXXXXXXXX. Find it in TikTok Ads Manager, under Events → Website Pixel → Pixel ID.

Turn a provider’s switch off any time to stop sending data without deleting the ID.

Caution

Marketing pixels set cookies and collect data about your visitors. Depending on where you operate, you may be legally required to show a cookie or privacy notice and get consent before they run. Make sure your booking page’s privacy information covers any pixel you turn on.

Standalone booking app

The Standalone Booking App option packages your booking page into a self-contained website that you can host yourself — on your own web server or hosting provider — instead of on Eighty-Six. It downloads as a ZIP file. This option only appears once you have created and saved your booking page.

Generating the standalone app. It downloads as a ZIP that reflects your saved configuration.

1. Save your booking page first, so the download reflects your latest changes.
2. On the Advanced tab, scroll to the Standalone Booking App card.
3. Click Generate Standalone App and wait a moment (the button reads Generating… while it builds).
4. Your browser downloads a ZIP file named like your-slug-booking-app.zip.

This is a technical option

Putting the standalone app online takes some web know-how: you (or a developer) extract the ZIP, run the build commands the download notes describe — npm install then npm run build — and upload the result to your host. Most restaurants do not need this. If you simply want your booking page on your own web address, publishing it on Eighty-Six and pointing a custom domain at it (on the Settings tab) is far simpler.

The ZIP is a snapshot of your page at the moment you generate it. If you later change your branding, menu or settings, generate a fresh copy so the standalone app stays up to date.

Related

• Your booking page
• Analytics
• Roles and plans