Webflow sync, pageviews & more.
NEW
Answers

How can I add external scripts (CSS and JS) to a specific page on my website using Webflow?

To add external scripts (CSS and JS) to a specific page on your website using Webflow, you can follow these steps:

1. Go to the Webflow Designer and navigate to the specific page where you want to add the external scripts.
2. In the top-right corner, click on the "Page Settings" icon (it looks like a gear).
3. In the Page Settings panel that opens, scroll down to the "Custom Code" section.
4. Under the "Head Code" or "Footer Code" tab, you can add your external CSS and JS scripts.

For CSS scripts:
5. If you have an external CSS file, you can link it by using the `` tag. For example:

```html

\`\`\`

Replace `path/to/your/style.css` with the actual file path of your CSS file.

6. If you have inline CSS code, you can add it inside `

```

Add your CSS code between the opening `` tag.

For JS scripts:
7. If you have an external JS file, you can link it by using the `

```

Replace `path/to/your/script.js` with the actual file path of your JS file.

8. If you have inline JS code, you can add it directly between `` tags. For example:

```html

```

Insert your JS code between the opening `` tag.

9. Once you have added the necessary external CSS and JS scripts, click on the "Save changes" button in the bottom-right corner of the Page Settings panel.
10. Finally, publish your site for the changes to take effect.

By following these steps, you'll be able to add external CSS and JS scripts to a specific page on your Webflow website.

Rate this answer

Other Webflow Questions