Sign In Utility Page needs reference to consent message

Feature Requests
1
  1. Need sign in utility page to have
    a) consent message or
    b) text field or
    c) footer with links to terms and policy.

image
image331×173 3.91 KB

e.g.

Currently existing users accounts see the below but there is no ability to add links to the terms and policy…

image
image644×496 21 KB

There needs to be a hyperlink like highlighted below so users can access these links as there is no footer option in the utility page (another issue in itself).

image
image571×666 23.1 KB

1 Like
2

Temporary solution here → Meet the new Softr 🚀 - #76 by FPX

3

@Ben Now no longer working… so cant even add something as basic as text into the new blocks…

4

Hopefully Softr is just adjusting this new page. This is why I don’t jump on anything newly released. However, if there are no T&Cs it is concerning. Please let us know if/when they respond about this.

5

You may wanna try this code:
The script will target the sign in button by its inner text, so you if your button have a different text, please update line 9 in the script.

dem

<script>

document.addEventListener("DOMContentLoaded", function () {
    function addMessage() {
        const userAccountsDiv = document.querySelector("#your-block-name");
        if (!userAccountsDiv) return setTimeout(addMessage, 1000);

        const signupButton = [...userAccountsDiv.querySelectorAll("button")]
            .find(btn => btn.textContent.trim() === "Sign In");

        if (!signupButton) return setTimeout(addMessage, 1000);

        if (!document.querySelector("#terms-message")) {
            const message = document.createElement("p");
            message.id = "terms-message";
            message.innerHTML = `By signing in, you agree to our 
                <a href='#' class='terms-link'>User Agreement</a> & 
                <a href='#' class='terms-link'>Privacy Policy</a>.`;
            
            Object.assign(message.style, { 
                fontSize: "12px", 
                color: "#666", 
                marginTop: "10px", 
                whiteSpace: "nowrap" // Prevent text wrapping
            });

            signupButton.parentNode.insertBefore(message, signupButton.nextSibling);
            message.querySelectorAll("a").forEach(link => 
                Object.assign(link.style, { 
                    color: "#007bff", 
                    textDecoration: "none", 
                    display: "inline" // Ensures links stay inline
                })
            );
        }
    }

    addMessage();
});


</script>
6

Hey Jonathan isnt that the old block though? I need the text field on the new block Sign In.

Currently there is only option to add text on Sign Up block but my users are already Signed Up.
They have to Sign In agreeing to terms etc

Thanks
George

7

Hey!

You didn’t even try the script.

The code does not target sign in blocks by old, new or beta. That don’t matter.

Have a little faith George.

In order to help you, it is important to test the code in your project.

8

Ha if it works send me the cheque :wink: