Stijlopties
Website
Media
Collecties
Winkel
Klantaccounts
Analytics
Email
marketing
Formulieren
Account
DevTools

Blok toevoegen

Geen blokken gevonden

Content toevoegen

Velden

Onderdeel toevoegen

Geen onderdelen gevonden

Klembord

Bewerkingspaneel

Pagina instellingen

Tik op een blok op de pagina om het te bewerken.

Pagina naam
Titel
Beschrijving
URL

Max. contentbreedte (px)

Leeg = sitestandaard uit stijlopties.

Blokken

Item

Klik op een blok om te bewerken

Afbeelding

Icoon

Acties
Media vervangen
Media bibliotheek
Uitlijning (horizontaal)
Kleur
Achtergrond
Binnenruimte
px
Grootte
px
Focus
Focus instellen
Beschrijving (alt text)
Label (title)
Link
Afbeelding(en) bewerken

Social links

Acties

Accordion

Acties

Eyebrow badge

Acties

Nummerbadge

Acties

Grafiek

Acties

Knop bewerken

Acties
Tekst
Link
Type
Uitlijning

Onderdeel

Tijdlijn


Markeringen

Punt toevoegen
Lijn

Dikte
1 px

Marge links
24 px
Marge rechts
24 px
Content
Wrapper marges
Uitlijning (horizontaal)
Uitlijning (horizontaal)
Uitlijning (verticaal)
Ruimte tussen content
1
Breedte Per deel. Mixen mag, bijv. 1/3 + 1/2.
Achtergrond
+ achtergrond toevoegen
Cirkelkleur
Rand
Schaduw
Hoek afronding
Marges
Ruimte tussen content (px)
Rotatie
0 uit
Verticale offset
0 px
Animatie

Formulier instantie stijl instellingen


Tekstkleur
Product
Onderdelen
Ruimte tussen elementen
1
Kolommen
Kolombreedte
Achtergrond 0
+ achtergrond toevoegen
Binnenruimte
2
Achtergrond kaarten
Opmaak kaarten
Marges
Rand
Schaduw
Cirkelkleur
Overgang
Marges
Ruimte tussen kolommen
1
Smalle content inset
1
Afbeeldingen

Geldt voor alle afbeeldingen in dit blok

Afbeelding(en) bewerken
ID
Ruimte (px)
Blok
Onderdelen
Verticale ruimte verhouding
1.5
Animatie

Video

Media vervangen
Media bibliotheek

Patroon achtergrond

Trending

Terrazzo

Zebra

Circuit

Halftone

Nieuw menu item toevoegen

Pagina




(geen link)

/ /
Is een subcategorie van:
Geen

Klik hieronder op de plek waar de focus moet liggen.
Focus is momenteel: 50% breedte & 50% hoogte

Contacten toevoegen

Tags:

Het in bulk toevoegen van contacten wordt momenteel nog niet ondersteund. Neem hiervoor contact op met florian@duurzaamonline.nl.










Product kiezen

Overgang

Overgangen

Gradient

Kleuren

Kleur aanpassen of verwijderen

Type

Modus kleurverloop

Richting

graden

Spotlight gradient

Startpunt

Afbeelding bewerken

Knopstijl bewerken

Standaard

Knop

Laseg dhum hloiv

Standaard knop

    Basis

    achtergrond
    radius: 12px
    0 80
    padding boven/onder: 8px
    0 40
    padding links/rechts: 20px
    0 60
    margin boven/onder: 0px
    0 40
    margin links/rechts: 0px
    0 60

    Pijl

    Rand

    kleur
    dikte: 2px
    0 10

    zijde

    stijl

    Font

    familie

    gewicht

    grootte: 18px
    14 36
    kleur

    Hover

    Animatie / transitie

    afstand

    achtergrond Rand
    dikte: 2px
    0 10
    Font

    Hover effect uitkiezen

    Animatie






    Achtergrond


    Rand

    Font

    Linkstijl bewerken: 

    Link

    Laseg dhum hloiv
    kleur

    Rand

    kleur

    dikte: 2px

     10


    Hover

    Animatie

    Sommige van deze effecten maken ook een aanpassing aan de basis van je linkstijl


    Menu item stijl bewerken

    Menu item

    Basis

    kleur achtergrond
    px
    px

    Hover

    kleur achtergrond Streepje kleur

    Tekststijl bewerken

    Voorbeeldtekst

    Font
    Kleur

    Nieuwe pagina toevoegen



    Volledige URL

    Vertaling toevoegen ()

    Product bewerken

    Mediabibliotheek

    Statistieken

    Contact:

    Naam:


    Emailadres:




    Actieve tags:


    Beschikbare tags:






    Kies entiteit om aan te linken

    Formulier bewerken

    onopgeslagen wijzigingen

    Naam

    Velden

    Element toevoegen

    input
    structuur

    Instellingen

    Actie(s) bij inzending

    Email instellingen

    Ontvangers van inzending

    Geavanceerde instellingen

    Toevoegen: tag voor contacten

    Bestaande tags:


    Uploaden...


    Kleur aanpassen

    hex
    RGB
    R: G: B:
    HSL
    H: S: L:
    Logo
    Favicon

    SVG-icoon in het browsertabblad. Leeg laten houdt het huidige icoon van bestaande sites.

    Nog geen favicon gezet

    Kleuren

    Zwart en wit

    Standaard kleuren Standaard achtergrondkleur
    Titels

    Font:

    Laseg dhum
    Hloiv 0123

    Tekst

    Font:

    Laseg dhum
    Hloiv 0123

    Extra  

    Tekststijlen

    Eigen tekststijlen voor de editor: font, grootte, gewicht, kleur, letterafstand en hoofdletters. Tiny zet een class; later bewerken werkt overal door.

    Jouw tekststijlen

    Tekstselectie (::selection) Achtergrond Tekst
    Links in tekst: BETA Kleur Hover kleur

    Font gewicht

    Knoppen / links

    Knoppen met links

    Jouw knopstijlen




    Links in tekstvakken

    Links in tekstvakken hebben standaard
    een underline van je derde kleur
    en geen hover effect.


    Jouw linkstijlen

    Layout preset

    Kies een bundel standaardwaarden voor ruimte, marge en afronding.

    Compact

    Kleine marges en strakke tussenruimte.

    Balanced

    Evenwichtige ruimte en ronde hoeken.

    Editorial

    Ruime marges, luchtige kolommen, scherpe hoeken.

    Dense grid

    Maximale contentbreedte, minimale witruimte.

    Custom

    Eigen waarden; past automatisch als je handmatig wijzigt.

    Ruimte

    Bepaalt de standaard witruimte tussen blokken, kolommen en onderdelen.

    Basis ruimte (px)


    Kolom-gap (px)


    Verticale ruimte verhouding

    t.o.v. horizontaal

    Pagina-breedte

    Hoe breed content op de pagina staat en hoe smalle blokken worden ingekort.

    Pagina-marge (vw)


    Max. contentbreedte (px)

    Nooit breder dan dit op brede schermen. Pagina-marge (vw) blijft de minimale zijruimte.


    Smalle content inset

    1 = standaard, 0 = volle breedte, hoger = smaller

    Vorm

    Standaard afronding en rotatie voor elementen op de site.

    Afronding hoeken

    Altijd van toepassing op: knoppen, formuliervelden en menu.

    Ook toepassen op

    Banner- en achtergrondafbeeldingen blijven zonder afronding.


    Standaard rotatie van parts (graden)

    Animaties

    Subtiele scroll-animaties op de website. Per blok of onderdeel kun je een andere animatie kiezen of uitzetten.

    Animatie preset

    Standaard beweging voor alle onderdelen zonder eigen animatie.

    Omhoog

    Fade + lichte beweging omhoog

    Alleen fade

    Alleen opacity, geen verschuiving

    Zacht groter

    Klein beginnen + opacity

    Custom

    Kies zelf het standaardtype

    Root domein

    Deze instelling is alleen om van de ontwikkelomgeving naar het echte domein over te stappen

    Kies lettertype

    Standaard grootte, regelafstand en letterafstand per tag.

    Grootte (rem) Regelafstand Letterafstand (em)
    h1
    h2
    h3
    h4
    Tekst

    Stijlopties

    Niet opgeslagen

    Winkel

    Waarschuwing: je winkel is momenteel gepauzeerd, alle producten en productpagina's zijn nog zichtbaar aan de voorkant, maar er kunnen geen bestellingen worden geplaatst.

    Waarschuwing: je winkel is momenteel inactief, alle producten en productpagina's zijn niet zichtbaar aan de voorkant, en er kunnen geen bestellingen worden geplaatst.

    Orders

    exporteren
    Laden...

    Producten

    Laden...

    Acties / kortingscodes

    Instellingen

    Status shop:

    Zet shop op


    Link naar testproduct

    testproduct

    Verplichte links

    Aan het eind van de checkout moet je klant akkoord gaan met de algemene voorwaarden en privacy verklaring van je webwinkel. De links naar deze pagina's dienen hier geplaatst te worden voordat je webwinkel geactiveerd kan worden.






    Verzendmethoden

    Nieuwe verzendmethode

    BTW instellingen, weergave winkelwagen


    Orderbevestiging

      

    Onderwerp van de email

    Bevestiging van je bestelling - {{bestelnummer}}

    De inhoud van de email

    De email bevat niet alle benodigde variabelen. Zorg dat de email de volgende variabelen bevat: {{totaal}}, {{gegevens}}, {{bestellingsoverzicht}}, {{customerName}}.


    Categorieën

    Order details

    Collecties

    |

    Collectie bewerken

    Naam

    Velden

    Veld toevoegen

    Instellingen

    De items van deze collectie hebben eigen pagina's

    Template

    Externe URL als slug

    Standaard uit. Wanneer aan: bij een item kun je de slug zetten op een https://-adres i.p.v. een pad op je site. Die items krijgen geen eigen pagina.

    Standaardafbeelding

    Wordt gebruikt in overzichten wanneer een item geen afbeelding heeft.

    Selecteer media

    Selecteer een product

    Instellingen voor collecties

    Collectie item: blokken bewerken

    Tekst element toevoegen

    Of kies een veld:

    Collectie blok template bewerken (BETA)

    Velden invoegen

    Klik op een veld om het in te voegen in de template.

    Content:
    Tekst elementen:

    Template code

    Preview

    Live preview met voorbeelddata

    Element instellingen

    Link bewerken

    Acties
    Tekst
    Link

    De slug van het collectie item wordt gebruikt als link.

    Website

    Pagina's


    Notitiebalk

    Notitiebalk

    Zoekmachines

    Op het Starter-plan is je site niet vindbaar in zoekmachines. Upgrade naar het Website-plan om dit aan te zetten.

    Taalfuncties

    Toon taalselector en taallinks in de head-sectie op de website

    Analytics

    Schakel paginaweergaven en linkklikken tracking in of uit

    |

    Pagina instellingen


    Zoekmachines

    Zoekresultaten preview


    Algemeen

    Bovenliggende pagina

    URL en bovenliggende pagina kun je niet wijzigen in een concept van een live pagina. Publiceer om ze aan te passen.

    Achtergrond
    Kleur
    Patroon
    Geen
    Website instellingen
    Social media afbeelding

    Redirects


    URLs in gebruik


    Domeinbestanden

    Bekijk welke bestanden voor je domein op S3 staan. Verwijder bestanden alleen wanneer je zeker weet dat ze niet meer nodig zijn.

    Let op: bestanden die gekoppeld zijn aan live pagina's of collectie-items worden gemarkeerd.
    Bestand Laatst gewijzigd Grootte Actie Waarschuwingen

    Er zijn geen bestanden gevonden voor dit domein.

    Analytics

    Datumbereik kiezen


    Begin en einddatum kiezen:

    tot en met

    laden...

    Bezoekers

    laden...

    Weergaven

    laden...

    Bounce rate

    laden...

    Gem. tijd op site

    Laden...
    Laden...
    Laden...
    Laden...

    Formulieren

    Formulieren

    Inzendingen

    Account

    Betalingen

    Automatische incasso


    Facturen

    Medebeheerders

    API keys

    Genereer API keys voor Claude Desktop en andere integraties. Keys blijven zichtbaar in dit overzicht.

    Platform-subdomein

    Kies een leesbaar subdomein voor je site-URL.

    Huidig: -

    Eigen domein koppelen

    Huidig root domein: -

    Builder Instellingen (experimenteel)

    Taal / Language

    Content exporteren

    Selecteer welke content je wilt exporteren. Alle content wordt geëxporteerd als .txt bestanden in een .zip archief.

    Media exporteren

    Exporteer alle bestanden uit de mediabibliotheek als zip. Als de zip klaar is, sturen we een downloadlink naar je e-mailadres.

    Email marketing

    Mailings

    Laden...

    Contacten

    Laden...

    Instellingen

    Afzender en organisatie verschijnen in elke mailing (wettelijk verplicht).

    Afzender

    Dit zie je als afzender in de inbox van de ontvanger.

    Organisatie

    Dit komt in de footer van elke mailing. Mag ook een persoon zijn.

    Adres
    Standaard kleuren

    Gelden voor nieuwe mailings. Per mailing kun je dit nog aanpassen.

    Achtergrondkleur mailing Achtergrondkleur blokken
    Meldingen

    Domeinverificatie voor e-mail

    Voeg onderstaande DNS-records toe bij je domeinprovider. Daarna kun je mailings versturen vanaf je eigen domein.

    Status: -

    Verzend-subdomein

    Kies een eigen subdomein voor afzenderadres en afmeldlink.

    Huidig: -

    Tag beheer

    Tags groeperen contacten voor gerichte mailings.

    Laden...

    Campagne bewerken

    1. Instellingen 1. Instellingen
    2. Inhoud 2. Inhoud
    3. Controleren 3. Controleren
    4. Verzenden 4. Verzenden

    1. Instellingen

    Mailing
    Afzender

    Dit zie je als afzender in de inbox van de ontvanger.

    Lettertypes
    Tekst:

    Voorbeeldtekst

    Koppen:

    Voorbeeldkop

    Uiterlijk Achtergrondkleur mailing Achtergrondkleur blokken
    Footer stijl
    Opgeslagen

    3. Controleren

    Mailing
    Afzender
    Test

    Stuur een testmail naar jezelf om te controleren hoe de mailing eruitziet.

    4. Verzenden

    Doelgroep

    Volledige maillijst = adressen handmatig toegevoegd met donkerblauw 'admin' label, zelf aangemelde personen met lichtblauw 'nieuwsbrief' label, en e-commerce klanten met oranje 'ecomm' label in het overzicht.

    Tags opnemen
    Tags uitsluiten

    Mailing bekijken:

    Autosaves

    Autosave inhoud

    Autosaves

    Autosave inhoud

    Verschillen bekijken

    Concept

    Live

    API key aangemaakt

    Je kunt deze key later ook terugzien onder Account → API keys.

    Inloggen

    Welkom bij de builder


    Inloglink aanvragen...

    Inloglink verstuurd.
    Open de e-mail en klik op de link
    om het inloggen te voltooien.

    Je kunt dit venster sluiten; open daarna opnieuw de builder om het inloggen af te ronden (binnen 15 minuten).

    Vul je emailadres in en je ontvangt
    een link om hier in te loggen.

    Emailadres onbekend, probeer het opnieuw
    of registreer je account.

    Heb je nog geen account?
    Ga naar aanmelden.

    Heb je nog geen account?

    Registreren

    Welkom bij de builder


    Vul je emailadres in en je ontvangt
    een link om de registratie te bevestigen.

    Emailadres onbekend, probeer het opnieuw.

    Feedback of een vraag?

    Laat het ons weten! Je krijgt zo snel mogelijk antwoord.

    Bekijk de helpdocumentatie