Update webflow-integration.md

raulrpearson · Dec 19, 2023 · 9b1f795 · 9b1f795
1 parent 20d8bcb
commit 9b1f795
Showing 1 changed file with 4 additions and 8 deletions.
diff --git a/docs/webflow-integration.md b/docs/webflow-integration.md
@@ -58,7 +58,6 @@ Click on the "**+ Add goal**" button to go to the goal creation form. Select `Pa
 
 Your goal should now be set up. When you navigate back to your Plausible Analytics dashboard, you should see the number of visitors who completed the form submission. Goal conversions are listed at the very bottom of the dashboard. The goal will show up in your dashboard as soon as it has been completed at least once.
 
-
 ## Tracking button clicks and other links on your Webflow site
 
 ### 1. Change the Plausible snippet on your site
@@ -69,8 +68,8 @@ Please change the file name in the `src` attribute of your Plausible snippet fro
 <script defer data-domain="yourdomain.com" src="https://plausible.io/js/script.tagged-events.js"></script>
 ```
 
-:::note
-If you're using outbound link clicks, file downloads or any of our other script extensions, you can [combine them](script-extensions.md#you-can-combine-extensions-according-to-your-needs) by changing the `src` attribute in the snippet. If you want to track custom events and outbound link clicks simultaneously, change the script name to `script.tagged-events.outbound-links.js`.
+:::tip You can combine script extensions
+If you're using outbound link clicks, file downloads or any of our other script extensions, you can [combine them](script-extensions.md#you-can-combine-extensions-according-to-your-needs) by changing the `src` attribute in the snippet. If you want to track custom events and outbound link clicks simultaneously, change the script name to `script.tagged-events.outbound-links.js`
 :::
 
 ### 3. Set an ID to the element you want to track
@@ -79,7 +78,6 @@ In Webflow, link and button elements don't have a default ID. You'll need to ass
 
 <img alt="Add an ID to link and button elements in Webflow" src={useBaseUrl('img/add-id-to-link-and-button-webflow.png')} />
 
-
 ### 3. Trigger custom events with JavaScript on your site
 
 Here's the code you will need to insert in the `<head>` section of the page where the element ID that you want to track is located. You can use the "**Custom Code**" feature to do this similarly to how you've inserted the Plausible snippet into your site.
@@ -88,8 +86,8 @@ Make sure to change the `elementId` line in the code below to include the ID att
 
 Also do change the `classes` line to include the goal name in this format: `plausible-event-name=Goal+Name`. The goal name is completely up to you. It's the name under which the goal conversions will appear in your Plausible dashboard. We've used `Button+Click` goal name in our example.
 
-:::note
-To represent a space character in goal names, you can use a `+` sign. For example: `plausible-event-name=Form+Submit` will display as `Form Submit` in your Plausible dashboard
+:::tip To represent a space character in goal names, you can use a `+` sign
+For example: `plausible-event-name=Form+Submit` will display as `Form Submit` in your Plausible dashboard
 :::
 
 ```html
@@ -134,8 +132,6 @@ Next, click on the "**Add goal**" button and you'll be taken back to the Goals p
 
 Your goal should now be set up. When you navigate back to your Plausible Analytics dashboard, you should see the number of visitors who triggered the custom event. Goal conversions are listed at the very bottom of the dashboard. The goal will show up in your dashboard as soon as it has been completed at least once.
 
-
-
 ## Triggering multiple custom events on the same page
 
 If you want to trigger multiple custom events on the same site, you don't need to add the script for each element that you want to track. Simply add all the elements in the same code. Make sure to **only add** the elements that already exist on your site. For example, if you want to track a link and a button, the code will look like this: