カード Designer — カード builder (5 steps)

5. カード Designer — カード builder (5 steps)

When you 作成 a new カード (by pressing NEW STAMP CARD), you can pick a visual template close to your style. At the top you can quickly switch between ビジネス types (e.g., restaurants) or scroll through all of them. Don’t worry if you pick the wrong one: every color and icon is customizable! After you pick a template, it’s copied into your new カード and you land in カード Designer. You can skip this step — just press 始める From Scratch. You land in the same カード Designer.

カード Designer opens both when creating a new カード and when pressing the ✏️ Edit icon on an existing カード. It’s a step-by-step wizard of five stages:

1. Personalize your style — style and branding.
2. Add Visuals — Stamp configuration.
3. Build Your Journey — 特典 and Milestone 特典.
4. Additional settings — Birthday and Geo-fence notifications.
5. Result — final preview and カード regeneration.

On the right of the screen there’s always a live Preview Stamp カード — it updates in real time with every change. You can tap any step in the preview’s bottom navigation to see how the カード will look when the user reaches that Stamp.

---

5.1 ステップ 1. Personalize your style — style and branding

The 最初 step configures the look and branding of the カード:

• カード logo — your ビジネス logo (uploaded from a file or pasted from clipboard).
• カード name — the カード name (e.g., Morning Bean, ビューティー Salon ロイヤルティ, Free Pizza Club). This is what the 顧客 sees in Wallet.
• Smart contrast colors — toggle for automatic contrast color picking (recommended if you’re not sure about your palette). When enabled, the system will adjust colors automatically if they blend together.
• Page Background — the カード page background color.
• Stamp block — the background of the Stamp block itself, switching between Color (solid) and Image (uploaded picture — e.g., a coffee beans photo for a coffee shop).
• Customize font (web only)? 対応! — font customization (applies only to the web preview; Wallet uses the system font).

Good カード design rule of thumb: the logo must be readable in a small size; the background should be solid or low-contrast, otherwise Stamp are hard to 読む. Before publishing, always tap View as 顧客 and check how the カード looks on a real phone screen.

---

5.2 ステップ 2. Add Visuals — Stamp configuration

This step configures how Stamp look:

• Set total Stamp — total Stamp count on the カード (e.g., 8). This is the final goal — when the 顧客 reaches this count, the 特典 fires.
• Stamp Icon — the Stamp icon. Uploaded separately for Active (filled) and Inactive (empty) states. A nice trick is to use the icon of your main product (a coffee cup, a pizza, scissors) for active, and a gray version of the same image for inactive.
• Border Colors — Stamp border color for active and inactive states.
• Background Colors — Stamp background color for active and inactive states.

A カード with 8 Stamp is a sweet spot for coffee shops and すばやい service. For premium services (salons, restaurants) 4–6 Stamp are typical. For frequent purchases (bakeries, fast food) — 10–12. Don’t go above 15 — motivation drops and the voucher starts to feel unreachable.

---

5.3 ステップ 3. Build Your Journey — 特典 and Milestone 特典

The most important step. Here you decide what the 顧客 gets and how they earn it.

特典 Icon

The 特典 icon (Active / Inactive) — shown in the final cell of the カード in place of the standard Stamp.

特典 format

Toggle of three options: Award | Voucher | Lottery. These are the three 特典の種類 — each has its own セクション 6. In short:

• Award — an instant text gift (“Free Coffee”). シンプル and fast.
• Voucher — a Smart Voucher with its own lifecycle and an optional Redeem Code.
• Lottery — a draw from a pool of variants with probabilities.

特典 Title

The text of the final gift (e.g., Free Coffee, Free L'Oréal Hair Coloring, 50% off tire replacement). This is what the 顧客 will see all along the path — both in Wallet and in the preview.

Optional Settings

Opens the Optional 特典 settings popup with extra 特典 parameters. The contents depend on the selected type (see Award, Voucher, Lottery).

How 顧客 earn Stamp — stamping rule

Toggle: Per order | By amount.

• Per order — one Stamp per ticket / order, regardless of amount. シンプル and クリア, fits most cafes and salons.
• By amount — one Stamp per N currency units in the ticket (e.g., 1 Stamp per €10). Good for restaurants and retail with variable ticket sizes — it nudges 顧客 to grow the basket. Requires the ticket amount to be passed to 7stamp (via POS integration or レシートQR).

Do you want to add milestone 特典? 対応!

This link turns a single-goal カード into Milestone 特典 — a カード with several intermediate gifts. For example: 3 Stamp → small gift, 6 → medium, 9 → final 特典. 項目s in セクション 6.4.

---

5.4 ステップ 4. Additional settings — Birthday and Geo-fence

This step opens automations — things that work without your involvement after the カード is 公開済み.

誕生日特典

• Enable birthday greetings — 対応 / 不要.
• Greeting message — the greeting text (e.g., Happy Birthday! 🎉).
• Congratulations before N days — how many days before the birthday to send the greeting (0 = on the day, 3 = three days before).
• Give birthday voucher — 対応 / 不要. If 対応 — a voucher is automatically issued together with the greeting.

The birthday date is collected from the 顧客’s カード — the 顧客 can set it at 参加 time or later on the カード page.

Geo-fence notification — geo-reminders

In Geo-fence notification it’s empty by default: “You have no locations yet”. Tap + Add location — the Add location popup opens:

• Store address — enter the venue address (e.g., Bratislava, Baštová 3). Google Maps suggests as you type.
• A marker appears on the map; refine the spot. Coordinates are recorded automatically (e.g., 48.14487, 17.10618).
• Message — the text of the notification the 顧客 gets when nearby (e.g., You're nearby! Drop by for your morning coffee ☕).

You can add several locations — the geo-fence fires for any of them.

Watch out. Geo-notifications only work if the 顧客 has enabled geolocation and Wallet push notifications. Don’t use this channel for aggressive promos — keep the tone warm and non-intrusive.

---

5.5 Step 5. Result — final カード regeneration

On the last step you see the final Preview Stamp カード and the Regenerate Stamp カード button.

• When creating a new カード, the button simply publishes it — after the press the カード appears in the Stamp カード gallery and the QR starts working.
• When editing an existing カード, Regenerate Stamp カード applies all changes and updates the design on every already-issued 顧客 カード (via Wallet push update). Color, text, and icon changes reach 顧客 automatically.

Important about editing. Change the design boldly — it updates for 顧客. But don’t change the underlying mechanics (Stamp count, 特典 type) on a live カード: it confuses existing participants. If you need different mechanics, 作成 a new カード and archive the old one.

---