---
title: How to use the WYSIWYG plugin
description: Add customized content to your app using the WYSIWYG plugin. Great for showcasing media, linking to features, or creating formatted layouts.
---

[Skip to content](https://help.buildfire.com/how-to-use-the-wysiwyg-plugin#main-content)

[![buildfire](https://help.buildfire.com/hs-fs/hubfs/bf-wordmark-black.png?width=150&height=35&name=bf-wordmark-black.png)](https://help.buildfire.com?hsLang=en-us)

Open main navigation

Close main navigation

- [Log In](https://app.buildfire.com/login)

[Log In](https://app.buildfire.com/login)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Buildfire Help Docs](https://help.buildfire.com/?hsLang=en-us)
2. [Add Functionality To Your App](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us)
3. [Plugins to show content & media](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-show-content-media)

# How to use the WYSIWYG plugin

## Add customized content to your app using the WYSIWYG plugin. Great for showcasing media, linking to features, or creating formatted layouts.

The WYSIWYG plugin (short for “What You See Is What You Get”) allows you to create rich content pages using drag-and-drop formatting. You can add images, text, links, buttons, and more—all without needing to code.

---

### **Requirements**

- This is a **Boost** plugin, available on the **Standard**, **Growth**, and **Scale** plans.

---

### **How to use the WYSIWYG plugin**

1. Log in, go to **Builder** in the left navigation
2. Click the **+** button to open the Plugin Marketplace

     - Search for **WYSIWYG**, then click **Add Plugin**
     - Name your plugin (e.g., “Home”), choose whether to add it to the Side Menu, then click **Add**
3. Stay in the **Content** tab

     - Add rotating header images by clicking **Add Image**

           - Reorder images by dragging the handle icon
           - Remove an image by clicking the **X**
           - Add an **Action** by clicking the **+ icon** and selecting a target (e.g., link to a website or feature)
     - Scroll to the main content editor

           - Click **Insert** to add elements like

                   1. Action item
                   2. Image
                   3. Button
                   4. Video
                   5. Rating
                   6. Layout or expression
           - Highlight text to link it to an action
           - Use the toolbar to format text (e.g., bold, underline, font size, color)
           - Use **Tools \> Source Code** to edit the HTML directly (advanced users only)
     - To add images within content

           - Click **Insert \> Image**, select one, and set the aspect ratio
           - Choose a size (full width, half width, etc.)
           - Turn on **Responsive** if needed for mobile layout
4. Go to the **Design** tab

     - Add a background image for mobile and tablet views
     - Follow recommended dimensions
5. Go to the **Settings** tab

     - Turn on **Require Login** to restrict access
     - (Optional) Add tag restrictions for more control
6. Go to the **Purchase** tab

     - Enable **Require Purchase**
     - Choose a product type and upload an image
     - Add your purchase text and success/failure messages
7. Go to the **Analytics** tab

     - View daily views, top users, and detailed performance over time

---

### **Pro tips**

- Use this plugin to build feature landing pages, highlight promotions, or link to other parts of your app.
- For maximum flexibility, combine with layout inserts and action buttons.
- Always preview on mobile to confirm appearance.

- [Buildfire Control Panel](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#main-content)

    - [Navigating the Control Panel](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#navigating-the-control-panel)
    - [Global Tools](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#global-tools)
    - [Terms & Policies](https://help.buildfire.com/buildfire-control-panel?hsLang=en-us#terms-policies)
- [Build Your App](https://help.buildfire.com/build-your-app?hsLang=en-us#main-content)

    - [Global Settings](https://help.buildfire.com/build-your-app?hsLang=en-us#global-settings)
    - [Building Your App's Navigation](https://help.buildfire.com/build-your-app?hsLang=en-us#building-your-apps-navigation)
    - [Building Your Login Flow](https://help.buildfire.com/build-your-app?hsLang=en-us#building-your-login-flow)
    - [Building a PWA](https://help.buildfire.com/build-your-app?hsLang=en-us#building-a-pwa)
- [Add Functionality To Your App](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#main-content)

    - [Plugins to drive engagement & community](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-drive-engagement-community)
    - [Plugins to drive monetization](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-drive-monetization)
    - [Plugins to run operations & workflows](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-run-operations-workflows)
    - [Plugins to show content & media](https://help.buildfire.com/add-functionality-to-your-app?hsLang=en-us#plugins-to-show-content-media)
- [Make Money With Your App](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#main-content)

    - [Overview](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#overview)
    - [Apple/iOS](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#apple-ios)
    - [Google/Android](https://help.buildfire.com/make-money-with-your-app?hsLang=en-us#google-android)
- [Publish Your App](https://help.buildfire.com/publish-your-app?hsLang=en-us#main-content)

    - [Overview](https://help.buildfire.com/publish-your-app?hsLang=en-us#overview)
    - [Apple/iOS](https://help.buildfire.com/publish-your-app?hsLang=en-us#apple-ios)
    - [Google/Android](https://help.buildfire.com/publish-your-app?hsLang=en-us#google-android)
- [Manage Your App](https://help.buildfire.com/manage-your-app?hsLang=en-us#main-content)

    - [Managing Your App’s Users](https://help.buildfire.com/manage-your-app?hsLang=en-us#managing-your-apps-users)
    - [Push Notifications](https://help.buildfire.com/manage-your-app?hsLang=en-us#push-notifications)
    - [Analytics](https://help.buildfire.com/manage-your-app?hsLang=en-us#analytics)
- [Connect External Partners](https://help.buildfire.com/connect-external-partners?hsLang=en-us#main-content)

    - [Google/Android](https://help.buildfire.com/connect-external-partners?hsLang=en-us#google-android)
    - [Apple/iOS](https://help.buildfire.com/connect-external-partners?hsLang=en-us#apple-ios)
    - [Zapier](https://help.buildfire.com/connect-external-partners?hsLang=en-us#zapier)
    - [Meta](https://help.buildfire.com/connect-external-partners?hsLang=en-us#meta)
    - [Segment](https://help.buildfire.com/connect-external-partners?hsLang=en-us#segment)

[![Group 4578 (1)](https://help.buildfire.com/hs-fs/hubfs/Group%204578%20(1).png?width=140&height=33&name=Group%204578%20(1).png "Group 4578 (1)")](https://buildfire.com/)

Copyright © 2026, Buildfire