# Editing Free Tier Signup Modals

### No Code Edits

There are only two areas where content can be customized without using snippets or additional JavaScript and CSS.

<figure><img src="https://231758148-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLjNbd2MWKOWi5A1HvQtH%2Fuploads%2F1F8yFKOMRRmFrWI3Sbh3%2FScreenshot%202025-02-27%20at%2018.16.54.png?alt=media&#x26;token=6ef05f95-8d5d-4091-b852-bf5aa558472c" alt=""><figcaption></figcaption></figure>

1. The benefit title is automatically pulled from your benefit configuration. Whichever description you use for your benefits will be shown here.

<figure><img src="https://231758148-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLjNbd2MWKOWi5A1HvQtH%2Fuploads%2F7LYp4xw0cJaR91qQLRwn%2FScreenshot%202025-02-27%20at%201.19.50%E2%80%AFPM.png?alt=media&#x26;token=5662df12-c870-4de7-8387-6a5660316304" alt=""><figcaption></figcaption></figure>

2. The benefit bullet points are pulled automatially from your landing page configuration. Whichever bullet points you use here will be displayed in the popup. These bullet points can be found under the CTA section for each tier.

<figure><img src="https://231758148-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLjNbd2MWKOWi5A1HvQtH%2Fuploads%2F251329k9DhYAGMHiD38m%2FInveterate-02-27-2025_01_26_PM.png?alt=media&#x26;token=5d73ed76-d958-460d-8782-ebf16323ab06" alt=""><figcaption></figcaption></figure>

### Code Edits - Popup Text

{% hint style="danger" %}
This is an advanced guide meant for developers that not is supported by the Inveterate team. You should ensure you have the appropriate development resources to implement before proceeding.&#x20;
{% endhint %}

In order to customize other copy within the popups, a script must be used and injected into the main theme.liquid file.  This script is dynamic and covers various sections such as login, signup, and success pages. Regarding safety, the script only affects our membership page and does not impact any other pages. [Click here to download the script.](https://github.com/Inveterate-io/sign-up-popup-snippet/blob/main/snippet.liquid)

<figure><img src="https://231758148-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLjNbd2MWKOWi5A1HvQtH%2Fuploads%2FKdeNvtseW7a1dj4UKWJM%2Fimage%20(3)%20(1).png?alt=media&#x26;token=ae52d8d3-d001-480a-a065-70adbe9d82c3" alt=""><figcaption></figcaption></figure>

This image highlights the areas that can be customized using snippets. To customize, simply assign your custom text to the variables at the top of the script.

{% embed url="<https://youtu.be/EvraPKya6TI>" %}

This video provides instructions on how to set up the snippet in the`theme.liquid`  file.

### Customizing Styling

The only way to customizing the styling or UI of the popups is to add custom CSS. The image below shows the key CSS selectors needed to override the default styles.

<figure><img src="https://231758148-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLjNbd2MWKOWi5A1HvQtH%2Fuploads%2FWyz2OwAuJHnwFzUsWotw%2FScreenshot%202025-02-27%20at%201.37.17%E2%80%AFPM.png?alt=media&#x26;token=eceb516c-0ed7-434f-b269-2f988c191b2d" alt=""><figcaption></figcaption></figure>
