> For the complete documentation index, see [llms.txt](https://docs.gojiberry.app/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.gojiberry.app/documentation/surveys/customize-the-look-and-feel-of-your-survey.md).

# Customize the look and feel of your survey

Once you’ve finished crafting your survey questions, it’s time to make it look just right! You can easily tweak the design to match your brand’s vibe — whether that’s playful, minimal, elegant, or anything in between. Make your survey feel like a natural extension of your store!

After editing your survey content,, head to the survey Preview page. On the right-hand side, you'll find the Customization panel — this is where you can adjust the appearance of your survey to better match your brand.

<figure><img src="/files/McJge1YJzZtZARSjE8bP" alt=""><figcaption></figcaption></figure>

### Colors

You can fine-tune the colors of your survey to match your brand identity. Here’s a quick breakdown of what each setting controls:

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdO1DGaV54M0ubxLpOjNK9YvNjsC6yI_guZesP0fYVKawuhXifZkJruWH0YVd_tVUFIkakrpDXBV9p7zKgpr5M4CKRqTllfODdWL3ctNl6etZ2kEVihUqfRo2XQ00rqTGL6_7CR?key=13gVNzDoDGtSQoJW35nNHg)

* **Primary Color**: This color applies to the primary button and other key elements like icons and highlights.
* **Text Color**: This sets the color for all main text. Secondary text will automatically appear in a lighter shade of this color.
* **Border Color**: This controls the color of all borders within the survey.
* **Survey Background**: This sets the background color of the survey container itself.
* **Page Background**: This only affects the background color of the llink/QR code page.

{% hint style="info" %}
**Heads up**: If you're using Checkout Extensibility, the color settings on this page will not apply to surveys embedded on the Thank You and Order Status pages. Please edit your survey colors directly in the Shopify Theme Editor.
{% endhint %}

If you’d like to reuse the same color settings for future surveys, simply check the “**Save these colors as default**” option. Your current selections will automatically be applied as the default in new survey projects — making it easier to maintain a consistent brand look without setting everything up from scratch each time.

### Position

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfkAUv2BOSGzfw_dkKrMaXF7QUZj_BK8ZKXgsCKYzuO2pVhsqaGG7S2bcMf60jUDdxylCk0t9uTDJSO8ykmwpKPnSkgDJmtj5vjWxSy5Hm4XhJc1yAc7X6WbK7zij0bewowDhhq?key=13gVNzDoDGtSQoJW35nNHg)

You can control where the in-store survey widget appears on your site — choose between displaying it at the bottom of the page or centered on the screen, depending on what fits best with your store’s layout and customer experience.

<br>

### Slides

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcF33Vedjmc1zJQmmtBh1BdvBhSsNgr9Pjcas2DwSJKkyulF3r_bI_X-j46e4QDDUAHJ1nDbdu_0XZFrrmT_t9t8oHLu_FiIrMw7pmiK4xOfrNgo-W3wy2KJkO3draD9nprnFVJ?key=13gVNzDoDGtSQoJW35nNHg)

In this section, you can fine-tune your survey slides. You’ll have the option to include an Email Input Slide and decide whether customers are allowed to skip it.

{% hint style="info" %}
Collecting customer emails helps link survey responses to purchases, making it easier to track and understand customer behavior. This applies to in-store widgets and link/QR code surveys, but not to the Thank You or Order Status pages.

If you're offering points as an incentive, email collection is required — we need the customer’s info to deliver the reward.
{% endhint %}

### Text

#### ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeKkUvyhDK1wDgnOm8iw2Qgm-iuQ5xror9B56GP5KoiiPWAW5Z1kJ6RS3r62EzPU0BAkio58xDhh7bLgSkqPGFJ_66YHlwQC99dc8X6vntlPy1_HWy12opRwW3YhfxmIeOLO_5zKw?key=13gVNzDoDGtSQoJW35nNHg)

Click the "Go to edit UI text" button to open the editing page. There, you can customize all UI text, including the Thank You slide and more.<br>

### Branding

#### ![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdrLShLKHQEZUAjmpHBcKH2Cr-zpGqh-jRK_SY4mhPoDc1RsvgIlC3sNr5KV3fjQvMY3hXI4j6tCCuZ_GMvgPCpqieoW3kBFb8wN2OlRENUcRe2hvKS7qENoTVQnfggZqR8glOczw?key=13gVNzDoDGtSQoJW35nNHg)

Here, you can choose to hide the Gojiberry logo on your survey. Please note that this is a paid feature.

<br>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.gojiberry.app/documentation/surveys/customize-the-look-and-feel-of-your-survey.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
