Visual editing
Move faster
Marketing and product teams can ship changes instantly without touching code.
HomeYou're about to become The change maker
Think bigger and scale your business with Rikrol!
The unified commerce experience
Sell online and in person. Move the story with motion.
01
Edit your storefront directly, no rebuilds required.
Change text, images, and layout with simple point-and-click editing. No deployments, no developer dependency for everyday updates.
Templates
Pick a template and go live fast
You can also start from our ready-made webshop templates and make them yours in minutes.
Site Template
Goldsmith
An elegant, timeless webshop template crafted for handmade jewelry brands, goldsmith ateliers, and exclusive collections. The design is built around warm gold and soft beige tones, refined typography, and a clean, sophisticated layout—perfect for showcasing gold, silver, and gemstone pieces with a premium feel.
Site Template
Prosthetic Studio
A clean, professional webshop template for prosthetics, orthotics, and custom medical devices. Designed for clinics, manufacturers, and healthcare providers who want to present services, build trust, and guide visitors toward consultation or product discovery.
Site Template
Bloom Workshop
A warm, artisan-style webshop template designed for handmade wreath makers, floral designers and botanical artists. The layout features a full-screen split hero, a three-column category showcase, a personal about section with feature highlights, a live product grid powered by the built-in webshop, a four-step process section, customer testimonials and a bold CTA banner. The soft terracotta, peach and cream colour palette gives the whole site an inviting, handcrafted feel — perfect for creative makers who want their online store to reflect the warmth and care behind their work.
Site Template
Beekeeper
This clean, honey-themed webshop template creates trust with warm golden tones and a natural atmosphere. Large visual elements and well-structured sections highlight the products effectively. The introduction and product blocks are clearly organized to support conversions. It is an ideal choice for premium, handcrafted online stores.
Site Template
Estate Coffee Collective
Estate Coffee Collective House is inspired by the beauty of mornings and the warmth of freshly brewed coffee. We craft exceptional blends that combine tradition, quality, and innovation to deliver a perfect cup every time.
Site Template
BuildMart – Construction Supply Ecommerce Template
Description: BuildMart is a modern ecommerce template designed for construction suppliers, hardware stores, and building material distributors. It features a bold, structured layout that highlights products clearly while maintaining a professional, industrial aesthetic. The homepage focuses on a strong visual hierarchy with prominent messaging, supporting text, and clear navigation entry points. A dark, grid-based design system enhances readability and gives the interface a distinctive, premium feel without overwhelming the content. The template is suitable for both B2B and B2C catalogs, accommodating a wide range of products such as tools, materials, and equipment. It is designed to support scalable product listings and straightforward browsing experiences. Key Features: Clean and structured homepage layout Strong typography with clear visual hierarchy Dark theme with subtle grid background Flexible layout for various product types Designed for large product catalogs Emphasis on clarity and usability Best For: Construction suppliers, hardware retailers, and industrial ecommerce businesses seeking a modern, visually distinct storefront.
Ready-to-use snippets
Copy-paste starter code
Small building blocks for integrations, retries, and workflows.
Code Snippet
Product List Example
No description
product-list-example
<products-loader (loaded)="products = $event"/>
<div class="product-grid">
<loop [data]="products" let="product">
<a [href]="product.pageURL" class="product-link">
<div class="product-card">
<div class="product-image-container">
<img class="product-image" [src]="product.imageURL"/>
</div>
<div class="product-info">
<span class="product-name">{{ product.name }}</span>
<span class="product-price">{{ product.price }} {{ product.currency }}</span>
</div>
</div>
</a>
</loop>
</div>Code Snippet
Unnamed
No description
centered-header
<header-context (loaded)="hdr = $event"/>
<style>
/* --- CSAK A HEADER STÍLUSAI --- */
.header-container {
display: flex;
align-items: center;
padding: 0 5%;
height: 100px;
/* Megemelt magasság a nagyobb logónak */
background: #ffffff;
border-bottom: 1px solid #eaeaea;
position: sticky;
}
/* Logó méretezése */
.header-logo-img {
height: 100px;
/* Nagyobb logó */
width: auto;
transition: height 0.3s ease;
}
/* Menü középre igazítása */
.desktop-nav-center {
position: absolute;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 30px;
}
.nav-item-link {
text-decoration: none;
color: #666;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
/* Hover animáció a menüpontokhoz */
.nav-item-link {
position: relative;
transition: color 0.3s ease;
}
.nav-item-link:hover {
color: #1a1a1a;
/* Sötétebb szín hoverre */
}
.nav-item-link::after {
content: '';
position: absolute;
width: 0;
height: 1.5px;
bottom: -5px;
left: 50%;
background-color: #4a5d4e;
/* A márka zöldes színe */
transition: all 0.3s ease;
transform: translateX(-50%);
}
.nav-item-link:hover::after {
width: 100%;
/* Szépen kihúzódik a vonal */
}
/* Mobil hamburger */
.burger-btn {
display: none;
flex-direction: column;
justify-content: space-around;
width: 24px;
height: 18px;
background: transparent;
border: none;
cursor: pointer;
padding: 0;
z-index: 10;
}
.burger-line {
width: 24px;
height: 2px;
background-color: #333;
border-radius: 10px;
}
/* Mobil Drawer */
.drawer-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(2px);
z-index: 10001;
}
.drawer-content {
position: fixed;
top: 0;
left: 0;
width: 300px;
height: 100%;
background: white;
z-index: 10002;
display: flex;
flex-direction: column;
box-shadow: 5px 0 15px rgba(0, 0, 0, 0.1);
animation: slideIn 0.25s ease-out;
}
@keyframes slideIn {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
/* --- RESPONSIVE --- */
@media (max-width: 850px) {
.desktop-only {
display: none !important;
}
.desktop-nav-center {
display: none !important;
}
.burger-btn {
display: flex !important;
}
.header-container {
height: 70px;
justify-content: space-between;
}
.header-logo-img {
height: 35px;
}
}
</style>
<if [condition]="hdr">
<div class="header-container">
<div class="burger-btn" (click)="hdr.menuOpen = true">
<div class="burger-line"/>
<div class="burger-line"/>
<div class="burger-line"/>
</div>
<a [href]="hdr.navigation.homeUrl" style="display: flex; align-items: center; z-index: 11;">
<img [src]="hdr.branding.logoUrl" class="header-logo-img"/>
</a>
<div class="desktop-nav-center">
<loop [data]="hdr.navigation.entries" let="navItem">
<a [href]="navItem.url" class="nav-item-link">
{{ navItem.title }}
</a>
</loop>
</div>
<div style="flex: 1;"/>
<div style="display: flex; align-items: center; gap: 16px; z-index: 11;">
<div class="desktop-only" style="font-size: 14px;">
<if [condition]="hdr.user.isLoggedIn">
<span style="color: #444;">{{ hdr.user.name }}</span>
</if>
</div>
<cart-button-1/>
</div>
<if [condition]="hdr.menuOpen">
<div class="drawer-overlay" (click)="hdr.menuOpen = false"/>
<div class="drawer-content">
<div style="padding: 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee;">
<img [src]="hdr.branding.logoUrl" style="height: 24px;"/>
<div (click)="hdr.menuOpen = false" style="font-size: 28px; cursor: pointer;"/>
</div>
<div style="display: flex; flex-direction: column; overflow-y: auto;">
<loop [data]="hdr.navigation.entries" let="mItem">
<a [href]="mItem.url" style="padding: 16px 20px; text-decoration: none; color: #333; border-bottom: 1px solid #f9f9f9;" (click)="hdr.menuOpen = false">
{{ mItem.title }}
</a>
</loop>
</div>
</div>
</if>
</div>
</if>Code Snippet
Unnamed
No description
hello
H E L L ONext-Generation E-commerce Platform
Intuitive AI-Powered Visual Editor
Our proprietary AI editor allows for point-and-click customization on any element, enabling both subtle adjustments and sweeping, page-wide modifications to enhance design and functionality..
Growth-Focused Integrations
Our platform is fine-tuned for sales, monitoring, and marketing. Our proprietary integrations with key platforms like Meta (Facebook) Pixel are perfected to directly fuel and track your business growth.:
Scalable, Future-Proof Architecture
Our advanced underlying technology enables you to drastically change the core functionality of your website, not just its visual appearance. This ensures we can robustly support you even after you 10x or 100x your company size.
Unbeatable packages
Starter
Launch your webshop and start selling. Everything you need to get online—no complexity, no limits on products or staff.
$19Per
Month
Month
Growth
Grow faster with built-in tools to increase sales. Run promotions, understand your customers, and optimize your store.
$59Per
Month
Month
Scale
Advanced tools and custom solutions for scaling businesses. Automations, integrations, and dedicated support.
$199+Per
Month
Month
Net prices.