STORE BUILDING

FairFate might be a level 99 Robotic Supreme Overlord Wizard, but even level 99 Overlords need to construct additional pylons.

I built the Store Builder to give you the power to create a beautiful, customizable storefront with zero coding required. It’s a visual, drag-and-drop tool designed to be intuitive and fun, so you can build a page that truly represents your brand. Think webflow, but even easier.

DRAG, DROP, AND DESIGN

The builder is broken down into a few simple parts to make designing your page easy:

• Component Palette: A library of all the building blocks for your page, organized by category.
• Canvas: Your live, interactive design area. What you see is what you get.
• Properties Panel: When you select a component on the canvas, this is where you customize it—change colors, text, spacing, and everything else.

THE LIBRARY

We’ve included over 25 components to give you complete creative control. Key components include:

• Layout: Create modern, modular layouts with our BentoGrid and BentoCard components, or use DivBlock and Flex components for a fully flexible structure.
• Commerce: Easily display your work with GameList and GameCard components, and let customers buy whatever they like the look of with the AddToCartButton.
• Media: Create beautiful landing pages with HeroBlock components, and showcase your art with the touch-optimized MobileCarousel.

LIVE CONTENT EDITING WITH THE CMS

The builder includes a powerful Content Management System (CMS) that lets you manage your content visually. You can switch to ‘Content Mode’ to edit text and images directly on the page.

• WYSIWYG Editor: Our editor provides a full “What You See Is What You Get” experience with all the formatting you’d expect, including text styles, lists, links, and tables.
• Inline Editing: For quick changes, the EditableText and EditableImage components allow you to click and edit content directly on your live page.
• Media Library: The AssetManager and MediaLibrary provide a central place to upload, search, and manage all of your store’s images and assets.

AUTOMATIONS

• Auto-Save and Version History: Never lose your work. The AutoSaveService automatically saves your changes every few seconds. Made a mistake? The full VersionHistory system lets you undo and redo, and even revert your page to a previously saved state.
• Built-in Responsive Design: Your store looks great on any device! The ResponsivePreview lets you instantly see how your page looks on desktops, tablets, and mobile phones, and you can apply specific styles for each breakpoint.
• Global Themes: Keep your branding consistent with the theme manager. Set your global colors, fonts, and spacing once, and it will apply across your entire store for a professional look.