(Squarespace) How to change Typeform Popup button text

To change Typeform Popup button text, from this.

To this.

#1. First, you need to add Typeform code into Code Block Suppose we have these codes.

<div data-tf-live="01JQFWRZREA5348AM90BZZBX7H"></div><script src="//embed.typeform.com/next/embed.js"></script>

<div data-tf-live="01JQFWPJ49188PTKC24ETHJDYV"></div><script src="//embed.typeform.com/next/embed.js"></script>

#2. Add this ID into 2 Code Blocks, like this.

id="typeform01"

id="typeform02"

#3. Use this code to Custom CSS.

/* Button 01 */
#typeform01 {
    button {
    font-size: 0 !important;
}
button:before {
    content: "Vocation Incubator";
    font-size: 16px !important;
}}
/* Button 02 */
#typeform02 {
    button {
    font-size: 0 !important;
}
button:before {
    content: "Mind Rebel";
    font-size: 16px !important;
}}

1 Like