# 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="/files/lWzptk6sazXtXAzRFboU" 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="/files/WIksTyTW4pPYhJzukXdw" 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="/files/dt60IElLqXwZGBJYZrkp" 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="/files/V3DFuWqqSqmcFVDr3MQ5" 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="/files/R5hh03EffdF47bziJ9sG" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.inveterate.com/help-center/advanced-guides/editing-free-tier-signup-modals.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.