📖 Help & Documentation

Everything you need to set up, operate, and optimize your Flowtifyy shop.

🚀 Quickstart

Get your first Flowtifyy shop live in under 10 minutes. Follow these steps:

Create an account: Visit flowtifyy.com/register and sign up with your email address. Confirm the verification email.

Create a shop: After login, go to "My Shops". Click Create new shop, choose a name and shop URL (e.g. myshop).

Add your first product: In the admin area → Products → New product. Enter title, price, image and description, then save.

Embed in Webflow: Copy the iFrame code from Settings → Integration and paste it into your Webflow page. Done — your shop is live!

💡

The shop URL is permanent and forms the path to your shop. Choose it carefully — it cannot be changed later.

⚙️ Shop Setup

Under Settings in the admin area, you can fully customise your shop:

General

  • Shop name: Appears in the shop header and in emails.
  • Language / Currency: CHF and EUR are currently supported.
  • Logo: Upload as PNG/SVG, displayed in the shop header.
  • Colours & Fonts: Primary colour, text colour, background, font source (Google Fonts or Webflow inheritance).

Custom Domain Basic+

  • Enter your desired domain (e.g. shop.yourcompany.com).
  • Set up a CNAME record pointing to app.flowtifyy.com.
  • SSL certificate is issued automatically (Let's Encrypt).

Email Settings

  • Customise the sender name and subject of order confirmation emails.
  • Legal details in the email footer (required by law in Switzerland).
  • Optional copy of every order confirmation to your own email.
ℹ️

Order confirmation emails are always sent from noreply@flowtifyy.com. The Reply-To address is set to your shop email.

📦 Products

Creating a product

Go to Products → New product. Fill in the following fields:

FieldDescription
NameRequired. Appears in the shop and in order confirmations.
PriceGross price including VAT (if enabled).
DescriptionFormatted text, Markdown supported.
Main imageDisplayed in the cart widget and product card. JPEG/PNG/WebP/AVIF, max 10 MB. When AVIF is enabled, images are automatically optimised on upload.
Additional imagesImage gallery in the product detail view.
StockOptional. At 0, the product is shown as "Sold out".
StatusActive / Draft / Inactive. Only active products appear in the shop.
TranslationsName and description can be maintained in DE / FR / IT / EN.
⚠️

When downgrading to the Free plan, products above the limit (10 products) are automatically deactivated — not deleted.

💾 Digital Products

In addition to physical goods, Flowtifyy supports digital products — for example e-books, templates, PDFs, audio files or software licences. The platform's core focus remains on traditional product sales; digital products are a practical extension for your catalogue.

ℹ️

When creating or editing a product, select Digital Product under Product type. All other fields (name, price, images, variants) work identically to physical products.

Delivery methods

Choose per product how the digital content is delivered after purchase:

MethodDescription
File UploadUpload one or more files directly into Flowtifyy (max. 100 MB per file). After the order, the buyer receives a secure, time-limited download link by email.
External LinkEnter an external URL (e.g. Google Drive, Dropbox or your own server). The link is revealed to the buyer only after successful payment.
Licence Key PoolUpload a list of licence keys. With each order, a unique key is automatically assigned and sent by email.

Access limits & expiry

  • Max. downloads: How many times the buyer may use the download link (0 = unlimited).
  • Validity period: How many days the link remains active (0 = no expiry).

File limits by plan

PlanFiles per product
Free / Starter / Basic1 file
Pro3 files
Unlimited20 files

Variants with digital content

Each variant of a digital product can have its own file upload or licence key pool — ideal for different editions of the same product (e.g. "Standard" vs. "Pro Version").

💡

Digital products have no stock level. Inventory management is not required; orders are processed automatically as soon as payment is received.

⚡ AVIF Image Optimisation

AVIF is a modern image format that compresses photos by up to 50 % less data than JPEG or WebP at the same visual quality. Smaller images load faster, improve your Core Web Vitals and increase conversion rates in the shop.

Activation

Go to Settings → Design.

Enable the «AVIF (Convert images)» toggle. Save settings.

From now on, every newly uploaded product photo is automatically converted to AVIF — no manual step required.

Converting existing images

Images uploaded before activation remain in their original format. To convert all existing product photos at once:

Click «Convert now» in Settings → Design.

Flowtifyy converts all product photos in the background and shows how many images were converted.

Images already in AVIF format, SVGs and GIFs are automatically skipped.

Browser compatibility

AVIF is supported by all modern browsers (Chrome, Firefox, Safari 16+, Edge). On older browsers the server delivers the original image as a fallback.

💡

Conversion runs server-side at 80 % quality — visually indistinguishable from lossless for product photos, but significantly smaller. SVG and GIF files are not converted and remain in their original format.

🗂️ Categories

Categories structure your shop and allow customers to filter products. Go to Categories → New category.

  • Each category gets a name (multilingual) and an optional image.
  • Products can be assigned to one or more categories.
  • Categories appear in the shop as tabs or filter tiles.
  • Order can be adjusted via drag-and-drop.

🛒 Orders

All orders appear under Orders in real time.

Order status

StatusMeaning
NewOrder received, not yet processed.
In progressManually set when the order is being prepared.
ShippedItem shipped or provided.
CompletedDelivery confirmed, order closed.
CancelledOrder has been cancelled.

Order detail

Click on an order to see all details: customer data, items, total, payment method, delivery address and timestamps. From here you can also change the status or resend an order confirmation.

Export

Orders can be exported as CSV (with filters by date and status).

💳 Payment Methods

Under Settings → Payment methods, activate and configure your desired methods.

MethodPlanNotes
PrepaymentFree+Customer transfers before shipping. Bank details appear in the order confirmation.
InvoiceFree+Payment after receipt. Optionally restricted to known customers.
TWINT Payment LinkFree+Static TWINT payment link. Customer manually enters the amount and pays.
TWINT Dynamic (Payrexx)Pro+Exact-amount QR per order via Payrexx. Automatic payment confirmation.
Credit card (Payrexx)Pro+Visa/MC via Payrexx.
Credit card (Stripe)Pro+Visa/MC via Stripe.
PayPalPro+Via Payrexx integration.

🟡 Setting up TWINT

TWINT Payment Link (Free+)

Create a free static payment link in the TWINT Business Portal → Payment Link.

Copy the generated payment link.

Enter the link under Settings → Payment Methods → TWINT → Payment Link.

⚠️

With a static payment link, the customer must enter the amount manually. Automatic confirmation is not possible — the status must be set to "Paid" manually.

ℹ️

TWINT is only available for orders with a Swiss delivery address.

🔗 Webflow iFrame Integration

The easiest method: embed your shop directly as an iFrame on your Webflow page.

Get the embed code

In the admin area: Settings → Integration → iFrame code.

Copy the displayed HTML code.

Add it in Webflow as an Embed block (Webflow CMS plan or higher required).

Custom "Add to cart" buttons

You can use any element on your Webflow page as an "Add to cart" button:

<button data-fi-slug="SHOP-SLUG" data-fi-product="PRODUCT-SLUG">Add to cart</button>
<script src="https://app.flowtifyy.com/widget/embed.js?slug=SHOP-SLUG"></script>

Replace SHOP-SLUG with your shop URL and PRODUCT-SLUG with the product slug.

🔒 Domain Restriction

Under Settings → Integration you define which domains are allowed to embed your shop. This prevents your shop from being displayed on unauthorized websites.

FieldExamplePlan
Webflow Staging Domainhttps://your-shop.webflow.ioFree+
Custom Domain (live website)https://www.your-website.comBasic+

Once a domain is configured, the shop will only display on that domain. Any attempt to embed it on another website will show a blocked notice instead. Without a configured domain there is no restriction — this is only recommended for initial testing.

💡

Add your staging domain before publishing in Webflow. This protects the shop from the start and ensures it cannot appear on unintended pages.

🛍️ Cart Widget

The cart widget enables a seamless shopping experience directly on your Webflow page — without visitors having to leave the page.

Activate the widget

Under Settings → Cart Widget activate the widget and choose:

  • Position: Left or right
  • Visibility: Only on shop pages or across the entire website
  • Placement: Automatically inserted into the element with ID flowtifyy-cart-widget

Embed the widget code

<script src="https://app.flowtifyy.com/widget/cart.js?slug=SHOP-SLUG" async></script>

Widget features

  • Cart icon with real-time item badge
  • Slide-in drawer with item list, quantity adjustment and remove function
  • Product main photos in the cart view
  • Full checkout process within the drawer
  • Automatic clear after order completion

🔗 URL Sync

URL Sync keeps the browser URL of your Webflow page in sync with the current shop view inside the iframe — without any page reload.

What this means

  • When a visitor opens a product, the URL changes from /shop/ to /shop/?_fi_view=detail&_fi_slug=product-name.
  • When filtering a category, ?_fi_cat=42 is appended.
  • The browser's Back button correctly navigates back to the product list or previous category.
  • Product detail links are directly shareable — opening the link jumps straight to the correct view.

Enable

Under Settings → Integration → Enable URL Sync (checkbox) toggle on or off. Enabled by default.

URL parameters

ParameterValuesMeaning
_fi_viewlist · detailActive view (product list or product detail)
_fi_slugProduct slugOpen product (only when detail)
_fi_catCategory ID (number)Active category filter

How it works

  1. The shop iframe sends a flowtifyy-nav-push postMessage event whenever the visitor navigates.
  2. The widget script on the parent page writes the URL parameters using history.pushState — without a page reload.
  3. On page load the widget reads any existing URL parameters and sends flowtifyy-nav-init to the iframe.
  4. On browser back/forward the browser fires a popstate event — the widget sends flowtifyy-nav-pop to the iframe, which restores the correct view.
💡

URL Sync only works when the cart widget script is embedded on the parent page. Pure iframe embeds without the widget do not support this feature.

🔌 REST API Basic+

Flowtifyy provides a full JSON REST API — integrate the shop into any custom frontend, native app, or external system without using an iframe.

Base URL

https://app.flowtifyy.com/api/{slug}/

All responses follow this format:

{ "success": true, "data": ... }
{ "success": false, "error": "Error message" }

Authentication & CORS

The public API endpoints require no API key. Access is controlled via CORS: under Settings → General → Allowed Domain, enter your website domain (e.g. https://your-domain.com). Requests from other origins will then be blocked. If no domain is set, all origins are allowed (*).

💡

For production, always configure an allowed domain to restrict open access to your API.

Endpoints

MethodEndpointDescription
GET/api/{slug}/configShop configuration (currency, VAT, payment methods)
GET/api/{slug}/productsAll active products
GET/api/{slug}/products/{slug}Single product
GET/api/{slug}/categoriesCategories
GET/api/{slug}/shipping-costCalculate shipping cost
GET/api/{slug}/check-customerCheck customer eligibility for invoice payment
POST/api/{slug}/ordersPlace an order

GET /products — Parameters

ParameterDescription
categoryFilter by category slug (optional)
sortprice_asc, price_desc, name (default: sort order)
GET /api/my-shop/products?category=containers&sort=price_asc

GET /shipping-cost — Parameters

ParameterDescription
valueOrder value (decimal)
quantityTotal number of items
weightTotal weight in grams
countryDelivery country (ISO code, e.g. CH, DE)
GET /api/my-shop/shipping-cost?value=49.90&quantity=2&weight=800&country=CH

POST /orders — Request Body

Required fields: customer_name, customer_email, customer_address, customer_zip, customer_city, items

{
  "customer_name":    "Jane Smith",
  "customer_email":   "jane@example.com",
  "customer_phone":   "+41 79 123 45 67",
  "customer_address": "Example Street 1",
  "customer_zip":     "8001",
  "customer_city":    "Zurich",
  "customer_country": "CH",
  "customer_note":    "Please ring the bell",
  "payment_method":   "invoice",
  "items": [
    { "product_id": 42, "qty": 2 },
    { "product_id": 17, "qty": 1 }
  ]
}

Accepted values for payment_method: invoice, stripe, twint, vorauskasse, payrexx_twint, payrexx_cc — depending on the payment methods enabled in the shop.

Prices, shipping costs and VAT are calculated server-side and cannot be submitted. The response contains the order number.

ℹ️

Product IDs (product_id) are available from GET /api/{slug}/products in the id field. For Stripe payments, the additional endpoint POST /api/{slug}/create-payment-intent is required — use the built-in iframe widget or contact support for implementation details.

👥 Users & Roles

Under Users you can invite team members and assign roles.

Available roles

RolePermissions
OwnerFull access including billing, settings and user management.
AdminAll areas except billing and user management.
StaffOrders and products only (read and edit).
⭐

The number of users depends on your plan: Free 1, Basic 3, Pro 5, Unlimited unlimited.

🔐 Security & 2FA

Two-Factor Authentication (2FA)

We strongly recommend enabling 2FA for your account. Under My Profile → Security you can set up 2FA via OTP email. Once activated, a one-time code is sent to your email address with every login.

Password reset

You can reset your password at flowtifyy.com/forgot-password. You will receive a link by email valid for 60 minutes.

💡

Use a strong, unique password and enable 2FA — especially for the owner account which has access to billing and all settings.

💰 Plan & Billing

Plan overview

PlanPrice/monthProductsUsers
FreeCHF 0101
BasicCHF 19503
ProCHF 392005
UnlimitedCHF 69UnlimitedUnlimited

All paid plans include a 7-day trial without requiring a credit card upfront. Your card is only charged after the trial ends.

Upgrade / Downgrade

Under Plan & Billing you can upgrade at any time (effective immediately) or cancel (at end of billing period). Downgrading to the Free plan deactivates products above the limit.

Cancellation

Cancellation is done via Change plan / Cancel → Stripe portal. Your access remains active until the end of the paid period. There is no minimum contract period.

❓ Frequently Asked Questions

The cart widget shows no product image. What to do? ▾
Make sure you have set a main image for the product (not just gallery images). The widget always shows the product's main image. Without a main image, a placeholder icon appears.
TWINT is not shown in my shop — why? ▾
TWINT is only displayed for orders with a Swiss delivery address. If the customer enters a non-Swiss delivery address, TWINT is automatically hidden.
Can I manage multiple shops with one account? ▾
Yes. You can create multiple shops per account. Each shop has its own admin area, products, orders and settings. The subscription applies per shop — you need a separate plan for each shop.
Can I use the shop without Webflow? ▾
Yes. The shop is also directly accessible at app.flowtifyy.com/shop/YOUR-SLUG and can be embedded as an iFrame into any website — not just Webflow. A REST API is also available.
Is my data stored in Switzerland? ▾
Yes. All data is stored in a certified data centre in Zurich, Switzerland. There is no transfer to third countries. Flowtifyy is fully compliant with the Swiss DSG and GDPR.
What happens when I cancel my plan? ▾
Your account and all data are retained. At the end of the paid period, you are automatically moved to the Free plan. Products above the Free limit (10) are deactivated — not deleted.
Can I use discount codes? ▾
Discount codes are handled via Stripe promotion codes. As a superadmin, you can create general marketing codes (e.g. for social media) or individual codes for specific customers. Customers enter the code during Stripe checkout.

📬 Support

We're happy to help. Here's how to reach us:

ChannelDetails
Emailsupport@flowtifyy.com
Response timeBasic: up to 48 hrs — Pro: up to 24 hrs — Unlimited: dedicated support
Feature requestsRoadmap & Feature Requests
💡

When contacting support, please always mention your shop URL (slug), a brief description of the issue and — if available — a screenshot. This helps us help you faster.