# Code Editor

The Code Editor lets you add custom styling rules and scripts to your review page. Use it when you want to tweak the look of your feedback form or add behavior that goes beyond the built-in [Appearance](https://docs.moregoodreviews.com/platform/review-pages/appearance) options. Your custom styles and scripts apply when customers visit the page to leave reviews and ratings.

### Where to Find the Code Editor

Click **Review Pages** in the sidebar, then select a review page. In the review page sidebar, click **Code Editor**. You'll see two sections: **Styles** and **Scripts**.

{% hint style="info" %}
The Code Editor is an advanced feature. If the section appears locked or you see an upgrade message, your plan may not include custom styles and scripts. Check your plan or contact support.
{% endhint %}

***

### Styles

The **Styles** section lets you add your own styling rules to change how the review page looks. You might use it to:

* Adjust spacing, borders, or colors beyond the Appearance settings
* Match fonts or colors to your website
* Fine-tune the layout of the form or rating selector

Type or paste your styling rules into the editor. When you're done, click **Save**. Your changes apply to the review page as soon as customers load it.

{% hint style="success" %}
Use the **Preview** button in the top bar to see how your review page looks with your custom styles before sending links to customers.
{% endhint %}

***

### Scripts

The **Scripts** section lets you add custom scripts that run when the review page loads. You might use it to:

* Track visits with analytics
* Add custom behavior when customers interact with the form
* Integrate with other tools on your site

Type or paste your scripts into the editor. Click **Save** when you're done. Scripts run when customers open the page to leave feedback.

{% hint style="warning" %}
Scripts run on your review page and can affect how it works. Test your changes with Preview before going live. Incorrect scripts may prevent customers from submitting reviews.
{% endhint %}

***

### Saving Your Changes

Each section (Styles and Scripts) has its own **Save** button. Click **Save** in the section you edited to apply those changes.

If you have more than one review page, clicking **Save** opens a confirmation dialog. You can choose to:

* **Save to this page only** – Apply your changes only to the review page you're editing.
* **Publish to all other review pages** – Copy the same styles or scripts to all your other review pages. Useful when you want consistent customization across locations or use cases.

{% hint style="info" %}
Styles and scripts are stored separately. If you update Styles and publish to other pages, only the styles are copied—scripts on those pages stay as they are, and vice versa.
{% endhint %}

***

### Tips

{% hint style="success" %}
Start with small changes and preview often. That way you can spot issues before customers see them.
{% endhint %}

{% hint style="info" %}
If your review page looks broken after adding styles or scripts, try removing what you added and saving again. You can always revert to a blank editor.
{% endhint %}