Three Powerful Ways to Customize Your Storefront Content 🚀

This tutorial explains the three main ways to add and customize content on your Infigo storefront: Code Mirror Editor, Rich Text Editor, and Content Templates. You’ll learn how Code Mirror offers full HTML and CSS control for developers, how the Rich Text Editor provides an easy, no-code way to create and update text, images, and links, and how Content Templates let you quickly build consistent, branded layouts using modular, pre-designed blocks. Whether you’re a designer, developer, or content editor, this guide shows how to choose the best method for your workflow when managing storefront content.

Click Here to View the Step by Step Guide

Tutorial Video Transcript

A transcript of our tutorial video, ensuring you can find exactly what you need, when you need it.

You can search this page to find the relevant time-stamp in the video. Also, this text can be used as part of the tutorial search feature.

0:00 Hi. Welcome to the Enfigure Academy. In this video, we'll explore three powerful ways you can add and customize content on your storefront, whether you're a developer, a designer, or a content editor.
0:13 We have three different main options for you to utilize. Code Mirror Editor, Rich Text Editor, or Content Templates. First up is the Code Mirror Editor.
0:23 Perfect if you want full control over your layout and styling. This mode lets you directly edit the HTML, CSS, or even embed scripts to build completely custom content sections.
0:34 With Code Mirror, you can fine tune every detail from grid layouts to animations. It's ideal for developers or technical users who want pixel-perfect control.
1:06 Next, the rich text editor, also known as what you see is what you get. It gives you a simple drag-and-type experience.
1:15 No coding required. It's perfect for marketing teams or anyone who wants to make quick content updates, such as adding text, images or links without touching a single line of code.
1:48 And finally, content templates, a fast modular way to build pages using pre-designed blocks. Think of it as stacking Lego bricks to create consistent on brand layouts.
1:59 This approach is perfect for teams who want speed and consistency. Content Templates ensures every page follows brand guidelines, no coding, no styling errors.
2:45 So whether you prefer coding, rich text editing, already made templates, in figure gives you complete flexibility to create and manage your storefront content your way.
2:55 Try all three methods to see which one fits your workflow best. And that's all for this video. See you in the next one.

Status: Incomplete

Finished?

Step by Step Guide

Adding and Customizing Content on Your Storefront

1. Introduction to Enfigure Academy 0:00

generated-image-at-00:00:00

Welcome to the Enfigure Academy.
Overview of the video: exploring three powerful ways to add and customize content on your storefront.
Target audience: developers, designers, and content editors.

2. Overview of Content Customization Options 0:13

generated-image-at-00:00:13

Three main options for content customization:
- Code Mirror Editor
- Rich Text Editor
- Content Templates

3. Code Mirror Editor 0:23

generated-image-at-00:00:23

Ideal for users wanting full control over layout and styling.
Allows direct editing of HTML, CSS, and embedding scripts.
Enables fine-tuning of details like grid layouts and animations.
Best suited for developers or technical users seeking pixel-perfect control.

4. Rich Text Editor 1:06

generated-image-at-00:01:06

Also known as WYSIWYG (What You See Is What You Get).
Provides a simple drag-and-type experience.
No coding required, making it user-friendly for quick updates.
Perfect for marketing teams or anyone needing to add text, images, or links easily.

5. Content Templates 1:48

generated-image-at-00:01:48

A modular approach to building pages using pre-designed blocks.
Conceptualized as stacking Lego bricks for consistent layouts.
Ensures speed and adherence to brand guidelines.
No coding or styling errors involved.

6. Conclusion and Flexibility 2:45

generated-image-at-00:02:45

Enfigure offers flexibility to create and manage storefront content.
Encouragement to try all three methods to find the best fit for individual workflows.
Closing remarks and invitation to the next video.

Link to Loom

https://loom.com/share/747b114d946f4481aeea2c9ccf89e1f8

Alternate Search Terms

edit storefront content, customize page layout, use rich text editor, html editor for storefront, create page templates, design storefront pages, add text and images to storefront, build content blocks, no code content editing, manage website content