---
url: /content.md
description: >-
  How to manage webapp content including images (logos, icons, campaign
  graphics), translations, and multi-language text customization.
---

# Content

**Content** manages the text, translations, and images displayed throughout your webapp. Customize every message your customers see to match your brand voice and language.

## What is Content?

Content profiles contain:

* **Images**: Logos, icons, and campaign graphics
* **Translations**: All text displayed on the webapp
* **Support Configuration**: Help widget settings

You create content profiles and assign them to webapps, allowing different campaigns to have different messaging.

## Creating Content

### Basic Information

| Field               | Description                      |
| ------------------- | -------------------------------- |
| **Name**            | Internal name for your reference |
| **Description**     | Notes about this content         |
| **Default Content** | Base content to inherit from     |

::: info
Empty content values fall back to the default content (Stampix defaults). You only need to customize what you want to change.
:::

## Managing Images

### Image Types

| Image                | Description       | Where it appears                |
| -------------------- | ----------------- | ------------------------------- |
| **Icon**             | Small brand icon  | Browser tab, mobile home screen |
| **Logo**             | Standard logo     | Header, emails                  |
| **Landscape Logo**   | Wide format logo  | Alternative display areas       |
| **Campaign Desktop** | Hero image        | Desktop webapp background       |
| **Campaign Mobile**  | Mobile hero image | Mobile webapp background        |

### Uploading Images

1. Open your content profile
2. Find the **Images** section
3. Click **Upload Image** for the image type you want
4. Select your file (supported: PNG, JPG, WebP, SVG)
5. Save your changes

::: tip
Use appropriate image sizes:

* **Icon**: 180×180 pixels minimum
* **Logo**: Max width 400 pixels
* **Campaign images**: High resolution (1920×1080 for desktop, 1080×1920 for mobile)
  :::

## Managing Translations

### How Translations Work

Every piece of text on your webapp can be customized:

1. Open your content profile
2. Use the **language picker** to select a language
3. Find the text you want to change
4. Enter your custom text
5. Repeat for each language
6. Save your changes

### Translation Sections

Content is organized into logical groups:

| Section               | Contains                      |
| --------------------- | ----------------------------- |
| **General**           | Common text (buttons, labels) |
| **Steps**             | Progress indicators           |
| **Product Selection** | Product browsing text         |
| **Photo Upload**      | Upload instructions           |
| **Checkout**          | Address and completion text   |
| **Errors**            | Error messages                |

### Language-Specific Content

When your webapp supports multiple languages:

1. Each language has its own translations
2. Switch languages using languages tabs
3. Fill in translations for each language
4. Missing translations fall back to default content

::: warning Incomplete Languages
The dashboard warns you if some languages are missing translations. Customers in those languages will see default Stampix text.
:::

::: tip
If your content is missing a language, you will have to add it to the webapp that is connected to this content first.
:::

## Rich Text editing

Most of the content fields support the following rich-text html tags:

* `<br />`
* `<b>Bold text</b>`
* `<i>Cursive text</i>`
* `<small>Small text</small>`
* `<strong>Important text</strong>`
* `<stampix />` - stampix.com/products
* `<support />` - stampix.com/support
* `<mdl>[example](https://google.com)</mdl>`

The privacy policy & terms fields also have these fields available:

* `<privacy-policy>your text here</privacy-policy>` — links to the webapp Privacy URL for the current language
* `<terms>your terms & conditions here</terms>` — links to the campaign Terms URL for the current language

## Content Examples

### Customizing Welcome Text

**Default**: "Welcome! Choose your product to get started."

**Custom example**: "Thanks for being a loyal customer! Pick your free gift below."

### Customizing Button Text

**Default**: "Continue"

**Custom example**: "Next Step →"

### Customizing Error Messages

**Default**: "Something went wrong. Please try again."

**Custom example**: "Oops! We hit a snag. Give it another try or contact us for help."

## Using Content

### Assigning to Webapps

1. Create or edit a webapp
2. In the **Brand Configuration** section
3. Select your content profile from the dropdown

### Multiple Webapps

One content profile can be used by multiple webapps. Useful when:

* Running similar campaigns with the same messaging
* Maintaining consistent text across promotions

### Creating Variations

If you need different messaging:

1. Create a new content profile
2. Select the same default content
3. Only customize what needs to be different

## Multi-Language Workflow

### Step 1: Identify Languages

Check which languages your webapp supports (in webapp settings).

### Step 2: Complete Primary Language

1. Start with your main language
2. Customize all important text
3. Review and save

### Step 3: Translate Other Languages

1. Switch to the next language
2. Translate each customized field
3. Save and repeat

### Step 4: Verify

1. Preview your webapp
2. Switch languages to verify each looks correct
3. Check for any placeholder or missing text

## Best Practices

### Images

* Use high-quality, optimized images
* Test how images appear on different screen sizes
* Ensure logos are visible on both light and dark backgrounds
* Keep file sizes reasonable for fast loading

### Translations

* Maintain consistent brand voice across all text
* Keep messages concise and clear
* Test text length — some languages are longer than others
* Have native speakers review translations

### Workflow

* Complete translations before launching a campaign
* Document your customizations for consistency
* Create a style guide for translators

## Common Questions

### What if I don't customize something?

Uncustomized text shows the Stampix default. This is often perfectly acceptable for standard messages.

### Can I use HTML in translations?

No, translations are plain text only. Formatting is controlled by the branding settings.

### How do I reset to defaults?

Clear the custom text field and save. The default will be used again.

## Related Topics

* [Webapps](/webapp) — Apply content to webapps
* [Branding](/branding) — Customize visual appearance
* [Emails](/emails) — Customize email content
