How can I implement a back button with a condition in Webflow using JavaScript, where the button takes the user back to the previous page if they came from the same domain, and if they came from a different domain, it takes them to a default page?

To create a Back button in Webflow that checks if the user came from the same domain and redirects accordingly, use JavaScript. Here’s how:

1. Add a Button in Webflow

• Create a Button element in Webflow and give it a class (e.g., back-button).

2. Add a Custom Embed Code

• Go to Page Settings > Custom Code > Before tag section.
• Insert the following JavaScript inside a <script> tag:

```javascript
document.addEventListener("DOMContentLoaded", function () {
var backButton = document.querySelector(".back-button");
if (backButton) {
backButton.addEventListener("click", function (event) {
event.preventDefault();
var referrer = document.referrer;
var currentDomain = window.location.hostname;
var defaultPage = "/homepage"; // Change to your desired fallback page

        if (referrer && new URL(referrer).hostname === currentDomain) {            window.history.back();        } else {            window.location.href = defaultPage;        }    });}

});
```

3. Customize the Default Page

• Replace "/homepage" with the actual fallback URL you want users to be directed to.

4. Publish & Test

• Publish your Webflow site and test the button by navigating from different sources:
• From another page within your site → It should go back.
• From an external site (e.g., Google) → It should go to the default page.

Summary

This script checks if the user came from the same domain using document.referrer. If it's the same, it uses window.history.back(); otherwise, it redirects to a specified default page.