As the world of e-commerce continues to evolve, platforms like Cornerrr are constantly innovating to empower users with tools that make creating and customizing online stores easier than ever. One such exciting addition to Cornerrr's arsenal is the new Components feature, which allows users to craft custom pages using prebuilt blocks. In this guide, we'll walk you through the steps of harnessing the power of Cornerrr's Components to create stunning and functional web pages for your online store.
Step 1: Sign in to the Admin Dashboard
First things first, log in to your Cornerrr account and navigate to the Admin Dashboard. This is your central hub for managing all aspects of your online store, from products and orders to settings and, of course, pages.
Step 2: Go to Pages
Once you're in the Admin Dashboard, locate and click on the "Pages" section. This is where you'll find all your existing pages and where you'll create new ones using the Components feature.
Step 3: Create a New Page
To start crafting your custom page, click on the "Create New Page" button. This will initiate the process of building a fresh, unique page for your store.
Step 4: Add Title and Slug
Give your new page a title that accurately represents its content. For example, if you're creating a page to showcase your latest product line, a title like "New Arrivals" would be fitting. Additionally, add a slug (URL) for the page, which should be concise and relevant to the content, such as "/new-arrivals".
Step 5: Select and Customize Blocks
This is where the magic happens! Cornerrr's Components feature offers a plethora of prebuilt blocks to choose from, each designed to serve a specific purpose and enhance your page's functionality. Here are some of the available blocks you can select:
Content Block:
This block allows you to add textual content to your page. You can include headings, paragraphs, lists, and formatted text to convey information effectively.
Media Block:
With the Media Block, you can incorporate images, videos, or a combination of both into your page. This is perfect for showcasing products, brand visuals, or promotional videos.
Form Block:
The Form Block enables you to create interactive forms for collecting user data, such as contact information, feedback, or subscription details. You can customize form fields and submission actions as needed.
Hero With Split Content And Image Block:
This block combines a visually appealing hero section with split content and an image background. It's great for creating impactful introductory sections that grab attention and convey key messages.
Hero With Background Block:
Similar to the previous block, the Hero With Background Block focuses on a striking hero section with a customizable background. It's ideal for highlighting special offers, promotions, or brand messages.
Feature With Three Column Block:
This block allows you to showcase features, services, or products in a structured three-column layout. It's useful for presenting multiple offerings in an organized and visually appealing manner.
Feature With Image Block:
With the Feature With Image Block, you can highlight specific features or benefits accompanied by relevant images. This adds visual interest and helps users better understand the content.
Product Collection Blocks:
Cornerrr offers several blocks specifically designed for showcasing products:
Product Collection With Inline Price Block: Displays products with their prices in a streamlined format.
Product Collection With Tall Images Block: Highlights products with vertically oriented images for a more immersive experience.
Category Collection Blocks:
These blocks are tailored for displaying product categories and collections:
Category Collection Grid Block: Presents categories in a grid layout for easy navigation.
Category Collection With Product Block: Combines category information with featured products.
Category Collection With Split Images Block: Showcases categories with visually appealing split images.
CTA (Call-to-Action) Blocks:
Cornerrr offers various CTA blocks to encourage user engagement and drive actions:
CTA Centered Block: Places a prominent call-to-action in the center of the page.
CTA With Split Content And Button Block: Combines content with a clickable button for directing users.
CTA With Split Content And Image Block: Incorporates an image alongside compelling content and a call-to-action.
Choose the blocks that best suit your page's layout and content needs. For example, if you're creating a homepage, you might want to use a Hero With Background Block at the top to grab attention, followed by Feature With Three Column Blocks to showcase key products or services.
Once you've selected your blocks, you can further customize them by adding relevant content, images, links, and more. Don't forget, you can also reorder the blocks to fine-tune the flow and presentation of your page.
Step 6: Add Data to Each Block
With your blocks selected and customized, it's time to populate them with data. For instance, in a Product Collection With Inline Price Block, you'd add details about the products you want to feature, such as titles, prices, and descriptions. Similarly, in a Form Block, you'd set up the form fields and submission actions according to your requirements.
Take this opportunity to ensure that each block aligns with your page's overall theme and goals. Consistency and coherence across blocks will enhance the user experience and convey a professional image.
Step 7: Save Your Page
Once you're satisfied with the layout, content, and functionality of your custom page, don't forget to hit the "Save" button. This will ensure that all your hard work is preserved, and your new page is ready to go live on your Cornerrr-powered online store.
By following these simple steps, you can leverage Cornerrr's Components feature to create visually stunning, functional, and engaging pages for your e-commerce store. Whether you're highlighting new products, promoting special offers, or sharing your brand story, Cornerrr empowers you to do it all with ease and style. Happy creating!
Still need help?
Contact us