How to Add an Image in FBT Quest (Step-by-Step Guide)

If you've landed here searching for how to add an image in FBT Quest, you're likely working inside a quiz, form, or interactive content builder and hitting a wall trying to embed visuals. This guide breaks down what's actually happening under the hood, the different ways images can be inserted, and which variables affect how smoothly the process goes for different users.

What Is FBT Quest?

FBT Quest (sometimes referred to in URLs or slugs as "fbt-qwest") is an interactive content tool used to build quizzes, assessments, and guided question flows — often embedded on websites or used in e-commerce and marketing funnels. Like many drag-and-drop or form-based builders, it supports media embedding, including images, as part of individual questions, answer options, or page-level layouts.

Understanding how its image system works starts with knowing where exactly you want the image to appear.

Where Images Can Appear in FBT Quest

Before jumping into steps, it helps to identify the target placement, because the method differs depending on location:

Each of these typically has its own image upload or embed field within the builder interface.

How to Add an Image in FBT Quest 🖼️

Step 1: Access the Question or Block Editor

Open your FBT Quest project and navigate to the specific question, step, or page where you want the image. Click on the element to open its settings panel — usually appearing as a sidebar or modal on the right side of the interface.

Step 2: Look for the Image or Media Field

Within the settings panel, look for a field labeled "Image,""Media," or a camera/upload icon. Most builders surface this near the top of the question editor. If you're working on an answer option, you may need to click directly on that individual option to expose its own image slot.

Step 3: Choose Your Upload Method

FBT Quest typically supports two primary ways to add an image:

• Direct upload — Select a file from your device (JPG, PNG, GIF, WebP are generally supported). File size limits often apply, commonly between 2MB and 10MB depending on plan tier.
• URL embed — Paste a direct link to a publicly hosted image. This avoids upload limits but requires the image to be reliably hosted elsewhere (your own CDN, Shopify media library, Google Drive public link, etc.).

If you're using a Shopify integration, FBT Quest may also pull from your store's existing product image library, which streamlines image management significantly.

Step 4: Confirm Dimensions and Preview

After inserting the image, check how it renders in the preview mode. FBT Quest questions are often displayed at fixed widths (especially on mobile), so an oversized or oddly cropped image can break the visual layout. Most interfaces let you adjust alignment (centered, left, right) and some offer basic cropping or sizing controls.

If the image appears stretched or cut off, the issue is usually an aspect ratio mismatch. Landscape images (16:9 or similar) tend to work cleanly for question headers, while square images (1:1) fit better inside answer option tiles.

Common Variables That Affect the Process

Not everyone has the same experience adding images in FBT Quest. Several factors shape what you'll see and how it works:

• Plan or tier — Some features (like full media library access or larger file uploads) are gated behind paid plans
• Integration context — FBT Quest embedded inside Shopify, WordPress, or a headless CMS may behave differently than a standalone instance
• Browser and device — Upload interfaces can behave inconsistently across browsers; Chrome tends to be the most stable for file-based interactions
• Image format — WebP is increasingly supported, but older configurations may require fallback to PNG or JPG
• Quiz template — Some pre-built templates lock certain layout areas or have predefined image containers with fixed sizing rules

Troubleshooting Image Issues 🔧

If your image isn't showing up or displaying incorrectly, a few things to check:

• Broken URL — If using the URL embed method, verify the link is publicly accessible (not behind a login or private share setting)
• File size too large — Compress the image using a tool like Squoosh or TinyPNG before re-uploading
• Format not supported — Convert to JPG or PNG if a less common format isn't rendering
• Cache delay — Some embeds take a moment to propagate; do a hard refresh (Ctrl+Shift+R / Cmd+Shift+R) before assuming something is broken
• Mobile vs. desktop preview — Always test in both views, as image scaling can behave differently across breakpoints

Why Image Placement Matters for Quiz Performance

Images in interactive content aren't just decorative. Research in UX and conversion optimization consistently shows that visual answer options increase engagement — users process images faster than text alone. In product recommendation quizzes especially, showing lifestyle imagery or product visuals inside answer tiles helps respondents self-select more confidently.

That said, images also add load weight. If your FBT Quest is embedded on a page already heavy with media, uncompressed images inside the quiz can slow the overall experience — particularly on mobile connections. Balancing visual quality against file size is a real consideration, not a theoretical one.

The Setup-Specific Reality

Whether adding images in FBT Quest is straightforward or requires workarounds depends heavily on your specific configuration — your plan level, the platform it's embedded in, the template you started from, and how your media is hosted. Two users following the same steps can end up with meaningfully different experiences based on those variables alone. Understanding what your particular setup supports is the piece that ultimately determines which method works cleanest for your situation.