Install guide

Get SiteLift live on your website

One line of code. Works on any website platform. Takes under ten minutes.

How it works

SiteLift works by adding one line of code to your existing website. Once it's there, everything else — your menus, contact info, forms, and popups — is controlled from your SiteLift dashboard. You never need to touch your website again.

The code below is your script tag. It includes your unique restaurant identifier in the data-restaurant attribute — the same short name you chose when you signed up.

<script src="https://www.siteliftservices.com/embed.js" data-restaurant="YOUR-SLUG" async></script>
Where to find your restaurant identifier: go to your dashboard and click Settings in the left sidebar. Your identifier appears in the Embed Code panel — it's the short word or phrase in the data-restaurant attribute. You can also copy the full script tag directly from Dashboard → Settings → Embed Code or from the embed code box at the bottom of your main dashboard page.

Platform guides

Find your website platform below and follow the steps. Every platform calls it something slightly different — "custom code", "header injection", "head code" — but the idea is the same: paste your script tag in the <head> section so it loads on every page.

W

WordPress

The safest approach uses a free plugin so your code survives theme updates.

1
Log in to your WordPress admin (usually yoursite.com/wp-admin).
2
Recommended — plugin method (safer): install the free "Insert Headers and Footers" plugin. Go to Settings → Insert Headers and Footers → paste your script tag in the Header box → click Save. Then skip to step 4.
3
Alternative — theme file method: go to Appearance → Theme File Editor → open header.php → find the closing </head> tag → paste your script immediately before it → click Update File. Note: theme file edits can be overwritten when your theme updates. The plugin method above is safer.
4
Visit your live website and confirm the widget appears where you placed the widget div.
Sq

Squarespace

You can add the script to all pages at once, or to a single page.

1
For all pages (recommended): in your Squarespace editor go to Settings → Advanced → Code Injection → Header → paste your script tag → click Save.
2
For a single page only: click the gear icon on that page in the Pages panel → go to Advanced → Page Header Code Injection → paste your script tag → click Save.
3
Click Preview and then open your live site link — the Squarespace editor preview window does not run custom scripts. You must view the published site to see your widgets.
Wi

Wix

Wix requires a Business or higher plan to add custom code.

1
In your Wix dashboard go to Settings → Custom Code → Add Custom Code.
2
Paste your script tag in the code field. Set "Add Code to Pages" to All Pages and Placement to Head.
3
Click Apply, then Publish your site.
4
Open your published site URL in a browser tab — the Wix editor preview does not run custom scripts. Only the live published site will show your widgets.
Wf

Webflow

Webflow's Project Settings let you add code that runs on every published page.

1
In the Webflow Designer open Project Settings → Custom Code.
2
Paste your script tag in the Head Code field → click Save Changes.
3
Click Publish to push the change live. Open your published site URL to confirm the widget appears.
Fr

Framer

Framer's Site Settings let you inject code into every page's head.

1
In Framer go to Site Settings → General → Custom Code.
2
Paste your script tag in the Start of <head> field.
3
Click Publish. Open your published site URL to verify.
Sh

Shopify

Edit your theme's liquid file to add the script sitewide.

1
In your Shopify admin go to Online Store → Themes.
2
Click the three-dot menu (⋯) next to your active theme → select Edit code.
3
In the file list on the left, open theme.liquid (under Layout).
4
Find the closing </head> tag → paste your script tag immediately before it.
5
Click Save. Your live Shopify store will now load SiteLift.
Go

GoDaddy Website Builder

GoDaddy's Website Builder has a built-in header/footer code field.

1
In your GoDaddy Website Builder go to Settings → Website → Header/Footer Code.
2
Paste your script tag in the Header field.
3
Click Save and then Publish. Open your live site to verify.
</>

Custom HTML

If your site is hand-coded or hosted as static files, editing the HTML directly takes less than a minute.

1
Open your HTML file in any text editor (Notepad, TextEdit, VS Code, etc.).
2
Search for </head> — it's near the top of the file.
3
Paste your script tag on a new line immediately before </head>.
4
Save the file and re-upload it to your hosting provider (via FTP, cPanel File Manager, or your host's dashboard).

Placing your widgets

After the script is installed, widget divs tell SiteLift where on the page to render each module. Place the correct div on whichever page you want the widget to appear. For visual editor platforms like Wix, Squarespace, Webflow, and Framer, add an Embed block or HTML block on the page and paste the widget div inside it.

Menu widget

All Menus — best for a dedicated menu page

<div data-sitelift="menu"></div>

Shows all your active menus as tabs — customers switch between them with one click. If you only have one active menu it renders without tabs in your dashboard's default layout.

Individual Menu — best for a drinks page, specials page, etc.

<div data-sitelift="menu" data-id="YOUR-MENU-ID" data-layout="classic"></div>

Replace YOUR-MENU-ID with your menu's ID. Find it in Dashboard → Menu — after you save a menu, the embed code with the correct ID appears below the editor.

Changing the layout: replace classic with grid, accordion, or tabs. The layout set in your dashboard is the default, but data-layout overrides it on a per-embed basis.

The <script> tag only needs to appear once per page — place it in <head>, then put widget divs wherever you want them on the page.

Location widget (hours, map, phone)

<div data-sitelift="location"></div>

No ID needed. This widget reads your location info directly from your restaurant account. Manage it in Dashboard → Location.

Form widget

<div data-sitelift="form" data-slug="YOUR-FORM-SLUG"></div>

Replace YOUR-FORM-SLUG with your form's slug. Find it in Dashboard → Forms — click any form name to open it. The embed code with the correct slug appears on the form editor page and on the Forms list page next to each form's name.

Popup announcements

No div needed. Popups appear automatically anywhere your script tag is installed. Create and manage them in Dashboard → Popups. You can control when each popup appears — on delay, on scroll, on exit intent — and set display frequency and date ranges.

Verify your install

Work through this checklist after you've installed the script. Check off each item as you go — your progress is saved automatically.

Install checklist

Troubleshooting

Most problems have a quick fix. Start here.

Widget not appearing on my site+

Check these four things in order:

  1. You're on the live published site. Wix and Squarespace editor previews don't run custom scripts. Open your actual domain in a new browser tab.
  2. The data-restaurant identifier is correct. Copy it exactly from Dashboard → Settings → Embed Code. It's case-sensitive — Joes-Pizza and joes-pizza are different.
  3. Open browser DevTools → Console (right-click the page → Inspect → Console tab) and look for any red error messages. A "[SiteLift] Missing data-restaurant attribute" message means the attribute is missing or misspelled.
  4. The script must be in <head>, not <body>. If you pasted it in the footer/body section by mistake, move it to the header/<head> section.
Menu isn't updating after I made changes+
The embed caches menu data for 60 seconds. Wait about a minute, then do a hard refresh: Cmd+Shift+R on Mac, Ctrl+Shift+R on Windows. If it still shows the old data after a hard refresh, confirm you clicked Save Menu in the dashboard.
Hours or location info not showing+
Go to Dashboard → Location → Hours and confirm that at least one hours set exists and its visibility is turned on. If the hours set is hidden, the location widget won't display any hours.
Form submissions aren't arriving by email+

The submission may have saved even if the email didn't send. Check Dashboard → Forms → [your form] → Submissions first — if the entry is there, the form is working.

If you expect email notifications, also check your spam folder. Confirm the Email me when a new submission arrives toggle is on in the form's settings page.

Still stuck+
Email us at hello@siteliftservices.com with your restaurant identifier (the value in your data-restaurant attribute) and a description of the problem. We reply within a few hours.

After install

Your script is live. Now use your dashboard to keep everything current — no more touching the website.