In this tutorial, we will guide you through the process, from product creation to designing your shop pages. Make sure that you have Stripe enabled to use the e-commerce features.
Step-by-Step Guide:
1. Create Products:
Navigate to your FEA Create dashboard and head to "Payments" > "Products."
Either use existing products or create new ones. Make sure the "Include in Online Store" toggle is enabled.
Creating New Products:
Click "Create New Product."
Fill in details such as title, description, images, and featured image.
Set the type (physical, digital, or service).
Edit the appearance on the customer's statement.
Specify the price.
Save your product.
Product Variants:
If your products have variations (sizes, colors, etc.), click "Add Variant."
Define options (e.g., color) and set prices for each variant combination.
Save your variants.
2. Set Up Shop Pages:
Navigate to "Sites" > "Websites" and edit your website.
Add a new page named "Shop" or any desired name.
Inside the page builder, click the plus button, select "Store," and add it to your site.
Important Note:
Ensure you have the new page builder. If not, contact us at [email protected] for an account update.
The system automatically creates several pages (product list, product details, cart, checkout, thank you). However, you need to design them.
3. Designing Shop Pages:
Edit each shop page individually.
Add the header and footer to maintain a consistent look.
Ensure the footer is set to stick to the bottom.
Adjust background color and padding in the section containing your shop element.
Save your changes.
4. Preview and Finalize:
Preview your pages to see your products displayed elegantly.
Repeat the design process for each shop-related page (product list, product details, cart, checkout, thank you).
Congratulations! Your e-commerce shop is now ready to go live. This seamless setup is perfect for selling physical products, services, or even courses connected to memberships. Enjoy the flexibility of FEA Create's e-commerce features and make the most of your online presence.