The landing page, and installing the app

What the landing page is

Open enchant.ee while signed out and you land on card one of seven. The other six are stacked behind it in 3D. Only one card is ever on screen — moving forward flips the whole card away and brings the next one up.

This replaces scrolling completely. There is no long page underneath, and no scrollbar. If you have used a site where the mouse wheel scrolls text, the wheel here changes card instead.

• Card 1 — Home: the headline, the four keyword demos, and the first place you can claim your name.
• Card 2 — Editor: a short silent film of the real editor building a page.
• Card 3 — Widgets: two moving rows of the pieces you can put on a page.
• Card 4 — Features: a grid of five tiles summarising what the product does.
• Card 5 — Pricing: the four plans, a monthly/yearly switch, and a ten-row comparison.
• Card 6 — FAQ: seven questions with answers.
• Card 7 — Start: the closing panel, a second name field, and the footer links.

Moving through the deck

Five different controls do the same job. Use whichever suits the device you're on.

On a phone or tablet — swipe

1. 1Put a finger anywhere on the card.
2. 2Drag up for the next card, or down for the previous one.
3. 3Lift. If the drag travelled more than 45 px — roughly a fingertip — the deck flips.

The card does not follow your finger. Nothing moves until you let go, and then it either flips or it doesn't. A harder swipe never skips two cards.

On a computer — wheel, trackpad or arrow keys

• One wheel click, or one two-finger swipe on a trackpad, flips one card. A short pause is enforced afterwards (700 ms) so a trackpad's coasting doesn't fly through three cards.
• ↓ goes to the next card and ↑ to the previous one, from anywhere on the page.

Jumping straight to a card

• The dot rail — a column of seven dots on the right edge, on wider screens. The current card's dot is a tall pill; the rest are small. Hover one to see its name.
• The progress pill — the same seven dots in a small capsule at the bottom centre, on phones. Each dot is a tap target.
• The bar at the top — on wider screens it carries five links: Editor, Widgets, Features, Pricing, FAQ. There is no link back to card 1 and none to card 7; use the dot rail for those.
• The footer links on card 7 also jump back into the deck — Features, Widgets, Pricing and FAQ.

The hint on your first visit

On a phone, a small dark capsule sits above the progress pill reading Swipe up to explore. It fades away the first time you change card, by any method.

If a card looks cut off

Cards 2 to 7 shrink themselves to fit your window rather than scroll. On a short window the whole card — type, spacing and all — gets smaller together. Past a certain point it stops shrinking and the overflow is trimmed, and because there's no scrollbar there's nothing to reveal it. Making the window taller, or turning a phone upright, brings it back.

Card 1 — the hero and the four keyword chips

The headline reads Beautiful page, on one line and designed to connect. on the next. Underneath it, a sentence has four small pill buttons built into it: link in bio, portfolio, art gallery and shop, followed by the prompt Tap one to see.

Tapping a chip throws a cloud of example cards across the screen behind the text — the kind of page that word describes. It's a demo, not a setting: nothing you tap here is remembered or carried into your own page.

• The demo starts on link in bio.
• Left alone, it changes on its own every 5 s, in the order the chips appear. It stops after twelve changes so the page doesn't animate forever.
• Tapping any chip restarts that budget from zero. So does coming back to card 1 — and, on a computer, moving the pointer into the card after it has settled.
• On a phone the cloud is capped at eight cards and stays in the top band of the screen, so it never covers the words.
• If your device is set to reduce motion, the cards appear in place without flying, and the automatic changes are switched off entirely — the demo stays on link in bio until you tap a chip.

Claiming your name from card 1

The field under the sentence shows Enchant.ee/ followed by a box with yourname in it, and a button reading Claim yours. This is the shortest route into the product.

1. 1Type the name you want. Only letters, digits and _ are accepted, and everything is forced to lowercase as you type. The box stops at 20 characters.
2. 2Watch the small slot on the right of the box: a spinner while it checks, a green tick for Available, a red cross for Taken.
3. 3Press Claim yours, or hit Enter. Setup opens with the name already filled in.

What the tick and cross actually mean

• Nothing is checked until you've typed 3 characters. A one- or two-letter name shows no icon at all — it isn't accepted, you just find out later.
• The check waits for a short pause in your typing before it asks the server, so the icon lags your keystrokes slightly.
• When a name is taken, the button changes to Name taken and stops working until you change the text.
• A green tick is advice, not a reservation. The name is only yours once you finish setup. If someone else takes it in the meantime, you'll be told then.

admin  administrator  enchantee  api  www  login  signup  settings  help  about
maya  kadd  health  templates  u  profile  _next  post  dev  paypal  dashboard
explore  marketplace  store  shop  pricing  terms  privacy  blog  docs

The full rules on names, including what happens if the one you want is gone, are in Create your account.

Cards 2, 3 and 4 — what the product does

Card 2 — the editor film

Headline Build it in minutes. Underneath, a silent animation of the real editor plays by itself, in four acts:

1. 1A cursor picks a widget out of a palette and drops it onto a phone canvas; the blocks below it move out of the way and the widget snaps into place, then gets dragged taller.
2. 2The plain block turns into a working music widget — a spinning record, floating notes, a progress bar.
3. 3A star sticker is dragged straight onto the canvas, to show that not everything has to be a box.
4. 4The same page cross-fades to desktop size in a browser window, and the music widget is dragged two columns wider while its neighbours shuffle.

• On a computer the film loops. On a phone it plays once and rests on the final desktop scene.
• The button below it reads Start building and opens setup with no name filled in.

Card 3 — the widgets

Headline Everything you are, one link away. Two rows of real-looking page pieces slide past in opposite directions: social icons, link cards, photos, a map, quotes, a portfolio card. The note underneath reads Drag, drop & resize any of these on your own page.

• On a mouse or trackpad, hovering a row pauses it so you can look at something. Tapping does not pause it on a touchscreen — that's on purpose, because a tap-hover sticks and would freeze the row for good.
• Phones show the first seven items of each row rather than all twelve.
• Reduce-motion stops both rows where they stand.

Card 4 — the features grid

Headline Every part of you, connected. Five tiles, and nothing to click — this card is a summary, not a menu:

• A large Every social, one tap tile with nine platform icons and a dashed "add more" slot.
• A dark tile reading Thousands / pages created / day.
• A photo tile badged Galleries.
• A product tile labelled Sell with a price chip.
• A quote tile reading Finally a page that feels like me., over five overlapping avatar dots.

Card 5 — the plans

Headline Start free. Grow when you do. Four plans, a billing switch, and a ten-row comparison. Nothing on this card charges you or picks a plan — every button opens setup.

The monthly / yearly switch

• It opens on Yearly, with a SAVE ~30% badge beside it. Yearly prices are shown as an effective monthly figure with the real monthly price struck through.
• Clicking Monthly switches to monthly prices.
• Yearly is billed once for the year. On Vedette that saves $44/yr; on Icône, $90/yr.

Vedette is marked MOST POPULAR and its column is outlined.

The comparison, row by row

The list below the prices is headed Compare plans. These are its ten rows, in order:

The numbers count up when the card arrives. Plans and limits is the authoritative version of this table.

Reading the table on a phone or tablet

Below desktop widths the four plan columns are wider than the screen, so the feature names stay frozen on the left and the plan columns slide sideways underneath them. A small swipe → hint sits at the right edge until you pan once; if there's nothing to pan it never appears.

• Drag sideways to pan — with a mouse as well as a finger. It keeps a little momentum when you let go, unless your device is set to reduce motion.
• Swiping up or down here still changes card, as everywhere else.
• With the table focused, → and ← pan it in 80 px steps.

Card 6 — the questions

Headline Questions? Answered. Seven questions in an accordion. One is open at a time — opening another closes the first, and clicking the open one closes it with nothing left open. The first question is open when the card arrives.

Keyboard: each question is an ordinary button, so Tab reaches it and Enter opens or closes it. There are no arrow-key shortcuts between questions.

Card 7 — the closing card

A dark strip scrolls across the top listing what the product covers — link in bio, portfolio, art gallery, shop, drag & drop, custom fonts, glass effects, embeds, products. Below it a dark panel reads Designed to connect. / Starting with you.

The second name field

There is another Enchant.ee/ box here, with a button reading Get started free. It goes to the same place as the one on card 1, but it behaves differently in three ways worth knowing.

The footer links

Eight links, under two headings — Product and Company. On a phone they collapse into one row of chips instead.

• Features, Widgets, Pricing and FAQ jump back to those cards in the deck.
• Manual opens this manual, at /docs. It is the only route from the landing page into the documentation.
• About, Terms and Privacy are real pages and leave the deck.

Every landing control, at a glance

Why the landing page is always light

This one surprises people, so it's worth stating plainly. If you set Theme to Dark and then sign out, the landing page still opens in light. So do sign-in, sign-up, choosing your name, and setup. Dark mode returns the moment you're inside the app.

It is not a bug and there's nothing to fix — dark mode is deliberately scoped to the signed-in app.

The setting itself lives in Settings → the Appearance card → Theme, with three choices: System, Light and Dark. It starts on System, which follows your phone or computer and changes live when that does. Dark is true black.

Installing Enchant.ee to a home screen

Enchant.ee is a website that a phone or computer can install like an app: it gets its own icon, opens without an address bar, and appears as its own card when you switch apps.

What installing gives you

• A home-screen icon — a purple square with the white Enchant.ee swirl.
• A window with no address bar and no browser tabs. On Android the phone's own status bar is hidden too, so there's no clock, battery or signal while you're in the app.
• Its own entry in the app switcher.
• On iPhone and iPad, it is the only way system notifications can work at all — Apple requires a home-screen app for them.
• Every Enchant.ee address opens inside the installed app, including other people's pages and shops.

What it does not give you

• Offline use. With no connection the installed app shows your browser's own offline error. Nothing is stored on the device to read later.
• Extra features. It is the same site, with the same account and the same plan limits.

Installing on iPhone and iPad

iOS never offers to install anything by itself. You add it from the Share sheet.

1. 1Open enchant.ee in Safari.
2. 2Tap the Share button — the square with an arrow coming out of the top.
3. 3Scroll down the sheet and tap Add to Home Screen.
4. 4The name is pre-filled as Enchant.ee. Change it here if you want a different label under the icon — this is the only place it can be edited.
5. 5Tap Add.

Chrome, Edge and Firefox on iOS use the same Share → Add to Home Screen path. On older versions of iOS that item may only exist in Safari; if you can't find it, open the page in Safari and follow the steps above.

What it looks like once installed

• It opens with no address bar.
• The page draws all the way up under the notch or Dynamic Island. The strip behind the clock is painted by the app and follows the page — white on a light screen, black on a dark one.
• Content is kept clear of the notch and the home indicator automatically.
• Pinch-to-zoom works everywhere; nothing caps it.

Installing on Android and on a computer

Android

• Chrome — ⋮ menu → Add to Home screen (labelled Install app in some versions) → confirm. The suggested name is Enchant.ee.
• Samsung Internet — ⋮ menu → Add page to → Home screen.
• Firefox — ⋮ menu → Add to Home screen / Install.
• Edge — ⋮ menu → Add to phone.

Computers

1. 1Open enchant.ee in Chrome or Edge.
2. 2Click the install icon at the right of the address bar — a small monitor with a downward arrow — or use ⋮ → Cast, save and share → Install page as app in Chrome, or Apps → Install this site as an app in Edge.
3. 3Confirm. The app opens in its own window.

On a Mac, Safari can do it with File → Add to Dock. Firefox on the desktop cannot install sites.

Notifications, and what the app tells your device

Enchant.ee can send system notifications — a new follower, a comment. The control is a row labelled Push notifications, pinned along the bottom of the notifications surface, whichever one your screen gives you: the full-screen sheet on a phone, the popup under the bell on a tablet, or the notifications column on a wide screen.

1. 1Open notifications.
2. 2Look at the bottom of the panel. The row sits outside the scrolling list, so it's already in view — you don't have to scroll to it.
3. 3Tap Enable.
4. 4Accept your browser's own permission prompt.
5. 5The row changes to Enabled with a double tick.

• If you've previously refused permission, the row reads Blocked in browser settings and is not a button. Turning it back on has to be done in your browser's or phone's settings for the site.
• On iPhone and iPad this only works once Enchant.ee has been added to the Home Screen.
• If the row isn't there at all, notifications aren't available in that browser.

When something goes wrong

Something went wrong.

A full-screen message with the Enchant.ee mark, the heading Something went wrong. and the line That last step hit a snag — you're still signed in. Try again, or reload the page. This is the ordinary crash screen: one part of the app failed, not the whole thing, and your session is untouched.

1. 1Tap Try again. It re-runs the screen that failed. You will not be signed out.
2. 2If nothing changes, tap Reload for a full page reload.
3. 3If it keeps coming back, screenshot the box headed Error detail (screenshot this) — it holds the real message and a ref code — and email it to support@enchant.ee.

Something broke.

A plainer screen with the heading Something broke. and the line An unexpected error took the page down. A reload usually fixes it. You see this only if the whole shell failed, which is rare. It has one button, Reload, and no error detail to screenshot.

The 404 page

A framed card with the wordmark, a large 404 whose middle zero drifts gently, and the line This page wandered off the grid. Let's get you back to building something beautiful. One button: Take me home.

You reach it when:

• The name in the address doesn't belong to anybody.
• The extra page or shop after the name doesn't exist.
• A post or profile link points at something that's been removed.
• The account behind the link has been suspended or is being deleted.

Errors on the landing page itself

If none of that helps, email support@enchant.ee.