Install Sam on Webflow

This guide covers installing Sam on Webflow using Project Settings → Custom Code.

Prerequisites

• Webflow site (any plan that includes hosting; free starter sites can’t add custom code)
• Project access to edit settings
• A Sam account at viasam.app
• Your Sam API token

Step 1 — Open Project Settings

1. In Webflow Designer, click the Project Settings gear (or open from your Dashboard).
2. Click the Custom Code tab.

Step 2 — Paste the snippet in Footer Code

In the Footer Code section, paste:

<script src="https://cdn.viasam.app/v1/widget.js" data-api-key="YOUR_API_KEY" defer></script>

Replace YOUR_API_KEY with your actual token.

💡 Webflow’s Footer Code field has a 10,000-character limit. The Sam snippet is well under that, so don’t worry.

Step 3 — Save

Click Save Changes in the top-right.

Step 4 — Publish

Custom Code only loads on published sites — not in the Designer preview. Click Publish in the top-right of the Designer and publish to your live domain.

Step 5 — Verify

Open your published site in a new browser tab. The Sam widget should appear in the corner you configured.

Troubleshooting

Widget doesn’t appear. Did you click Publish? Saving changes in Project Settings doesn’t automatically push to the live site.

Widget appears on the published site but not in Designer preview. That’s expected — Webflow doesn’t run Custom Code in the Designer preview.

Widget conflicts with another script. If you have multiple custom scripts, paste the Sam snippet last so other scripts can finish loading first.

Need help?

Email support@viasam.app.