{"id":21,"date":"2026-08-09T22:21:56","date_gmt":"2026-08-09T22:21:56","guid":{"rendered":"https:\/\/staging.totsticker.com\/?page_id=21"},"modified":"2026-09-16T17:51:45","modified_gmt":"2026-09-16T17:51:45","slug":"how-it-works","status":"publish","type":"page","link":"https:\/\/staging.totsticker.com\/?page_id=21","title":{"rendered":"How it works"},"content":{"rendered":"<style>\n.ts-hiw {\n  --ink:#283044;\n  --muted:#687084;\n  --pink:#f05f8f;\n  --pink-dark:#d94678;\n  --pink-soft:#fff0f5;\n  --yellow:#ffd76a;\n  --blue:#aee7f2;\n  --cream:#fffaf4;\n  --white:#fff;\n  --border:#eadfe5;\n  color:var(--ink);\n  font-family:inherit;\n  line-height:1.6;\n  overflow:hidden;\n}<\/p>\n<p>.ts-hiw *,\n.ts-hiw *::before,\n.ts-hiw *::after {\n  box-sizing:border-box;\n}<\/p>\n<p>.ts-hiw a {\n  text-decoration:none;\n}<\/p>\n<p>.ts-hiw__container {\n  width:min(1160px,calc(100% - 40px));\n  margin-inline:auto;\n}<\/p>\n<p>.ts-hiw__hero {\n  padding:clamp(64px,9vw,112px) 0;\n  background:linear-gradient(135deg,var(--cream),var(--pink-soft));\n}<\/p>\n<p>.ts-hiw__hero-grid {\n  display:grid;\n  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);\n  gap:clamp(40px,7vw,84px);\n  align-items:center;\n}<\/p>\n<p>.ts-hiw__eyebrow {\n  display:inline-flex;\n  margin:0 0 18px;\n  padding:7px 13px;\n  border-radius:999px;\n  background:var(--white);\n  color:var(--pink-dark);\n  font-size:13px;\n  font-weight:700;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  box-shadow:0 7px 24px rgba(92,55,71,.08);\n}<\/p>\n<p>.ts-hiw h1,\n.ts-hiw h2,\n.ts-hiw h3 {\n  color:var(--ink);\n  line-height:1.13;\n}<\/p>\n<p>.ts-hiw h1 {\n  max-width:760px;\n  margin:0 0 22px;\n  font-size:clamp(40px,6vw,70px);\n  letter-spacing:-.04em;\n}<\/p>\n<p>.ts-hiw__lead {\n  max-width:650px;\n  margin:0 0 30px;\n  color:var(--muted);\n  font-size:clamp(17px,2vw,20px);\n}<\/p>\n<p>.ts-hiw__actions {\n  display:flex;\n  flex-wrap:wrap;\n  gap:13px;\n}<\/p>\n<p>.ts-hiw__button {\n  display:inline-flex;\n  min-height:50px;\n  align-items:center;\n  justify-content:center;\n  padding:13px 24px;\n  border:2px solid var(--pink);\n  border-radius:999px;\n  background:var(--pink);\n  color:var(--white);\n  font-weight:700;\n  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;\n}<\/p>\n<p>.ts-hiw__button:hover,\n.ts-hiw__button:focus-visible {\n  transform:translateY(-2px);\n  background:var(--pink-dark);\n  border-color:var(--pink-dark);\n  color:var(--white);\n  box-shadow:0 10px 24px rgba(217,70,120,.22);\n}<\/p>\n<p>.ts-hiw__button--secondary {\n  background:transparent;\n  color:var(--pink-dark);\n}<\/p>\n<p>.ts-hiw__button--secondary:hover,\n.ts-hiw__button--secondary:focus-visible {\n  color:var(--white);\n}<\/p>\n<p>.ts-hiw__preview-wrap {\n  position:relative;\n  min-height:410px;\n}<\/p>\n<p>.ts-hiw__preview-card {\n  position:absolute;\n  inset:16px 22px 24px;\n  display:grid;\n  place-items:center;\n  border:10px solid var(--white);\n  border-radius:36px;\n  background:var(--blue);\n  box-shadow:0 28px 60px rgba(62,53,80,.18);\n  transform:rotate(2.5deg);\n}<\/p>\n<p>.ts-hiw__sticker {\n  display:grid;\n  width:min(78%,310px);\n  aspect-ratio:1.32;\n  place-items:center;\n  border:5px solid var(--white);\n  border-radius:47% 53% 48% 52%\/52% 45% 55% 48%;\n  background:var(--yellow);\n  color:var(--ink);\n  font-size:clamp(31px,5vw,54px);\n  font-weight:500;\n  letter-spacing:.02em;\n  filter:drop-shadow(0 12px 13px rgba(56,44,49,.16));\n  transform:rotate(-4deg);\n}<\/p>\n<p>.ts-hiw__spark {\n  position:absolute;\n  font-size:38px;\n  line-height:1;\n}<\/p>\n<p>.ts-hiw__spark--one {\n  top:22px;\n  left:23px;\n  color:var(--pink);\n  transform:rotate(-14deg);\n}<\/p>\n<p>.ts-hiw__spark--two {\n  right:26px;\n  bottom:22px;\n  color:#765ac9;\n  transform:rotate(13deg);\n}<\/p>\n<p>.ts-hiw__float {\n  position:absolute;\n  z-index:2;\n  padding:10px 15px;\n  border-radius:16px;\n  background:var(--white);\n  box-shadow:0 12px 30px rgba(62,53,80,.14);\n  font-size:14px;\n  font-weight:700;\n}<\/p>\n<p>.ts-hiw__float--top {\n  top:0;\n  right:2px;\n  transform:rotate(4deg);\n}<\/p>\n<p>.ts-hiw__float--bottom {\n  bottom:0;\n  left:0;\n  transform:rotate(-3deg);\n}<\/p>\n<p>.ts-hiw__section {\n  padding:clamp(70px,9vw,112px) 0;\n}<\/p>\n<p>.ts-hiw__section--soft {\n  background:#fbf8ff;\n}<\/p>\n<p>.ts-hiw__section-heading {\n  max-width:700px;\n  margin:0 auto 46px;\n  text-align:center;\n}<\/p>\n<p>.ts-hiw__section-heading h2 {\n  margin:0 0 14px;\n  font-size:clamp(32px,4.5vw,50px);\n  letter-spacing:-.03em;\n}<\/p>\n<p>.ts-hiw__section-heading p {\n  margin:0;\n  color:var(--muted);\n  font-size:18px;\n}<\/p>\n<p>.ts-hiw__steps {\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:20px;\n  counter-reset:ts-step;\n}<\/p>\n<p>.ts-hiw__step {\n  min-height:280px;\n  padding:28px;\n  border:1px solid var(--border);\n  border-radius:24px;\n  background:var(--white);\n  box-shadow:0 12px 32px rgba(58,47,70,.06);\n  counter-increment:ts-step;\n}<\/p>\n<p>.ts-hiw__step::before {\n  content:counter(ts-step);\n  display:grid;\n  width:44px;\n  height:44px;\n  margin-bottom:28px;\n  place-items:center;\n  border-radius:50%;\n  background:var(--pink-soft);\n  color:var(--pink-dark);\n  font-weight:800;\n}<\/p>\n<p>.ts-hiw__step:nth-child(2)::before {\n  background:#eefbfe;\n  color:#267c8d;\n}<\/p>\n<p>.ts-hiw__step:nth-child(3)::before {\n  background:#f4efff;\n  color:#765ac9;\n}<\/p>\n<p>.ts-hiw__step:nth-child(4)::before {\n  background:#fff7d9;\n  color:#96751e;\n}<\/p>\n<p>.ts-hiw__step h3 {\n  margin:0 0 12px;\n  font-size:22px;\n}<\/p>\n<p>.ts-hiw__step p {\n  margin:0;\n  color:var(--muted);\n}<\/p>\n<p>.ts-hiw__benefits {\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:22px;\n}<\/p>\n<p>.ts-hiw__benefit {\n  padding:28px;\n  border-radius:22px;\n  background:var(--white);\n  text-align:center;\n}<\/p>\n<p>.ts-hiw__benefit-icon {\n  display:block;\n  margin-bottom:12px;\n  font-size:32px;\n}<\/p>\n<p>.ts-hiw__benefit h3 {\n  margin:0 0 8px;\n  font-size:20px;\n}<\/p>\n<p>.ts-hiw__benefit p {\n  margin:0;\n  color:var(--muted);\n}<\/p>\n<p>.ts-hiw__cta {\n  margin:clamp(70px,9vw,110px) auto;\n  padding:clamp(42px,7vw,74px) 24px;\n  border-radius:34px;\n  background:var(--ink);\n  color:var(--white);\n  text-align:center;\n}<\/p>\n<p>.ts-hiw__cta h2 {\n  margin:0 0 14px;\n  color:var(--white);\n  font-size:clamp(31px,4.5vw,50px);\n}<\/p>\n<p>.ts-hiw__cta p {\n  max-width:590px;\n  margin:0 auto 26px;\n  color:#d9ddea;\n  font-size:18px;\n}<\/p>\n<p>@media(max-width:960px) {\n  .ts-hiw__hero-grid {\n    grid-template-columns:1fr;\n  }<\/p>\n<p>  .ts-hiw__preview-wrap {\n    width:min(100%,560px);\n    margin-inline:auto;\n  }<\/p>\n<p>  .ts-hiw__steps {\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n}<\/p>\n<p>@media(max-width:640px) {\n  .ts-hiw__container {\n    width:min(100% - 28px,1160px);\n  }<\/p>\n<p>  .ts-hiw__hero {\n    padding:54px 0 64px;\n  }<\/p>\n<p>  .ts-hiw__actions {\n    flex-direction:column;\n  }<\/p>\n<p>  .ts-hiw__button {\n    width:100%;\n  }<\/p>\n<p>  .ts-hiw__preview-wrap {\n    min-height:320px;\n  }<\/p>\n<p>  .ts-hiw__preview-card {\n    inset:15px 9px 22px;\n    border-width:7px;\n    border-radius:27px;\n  }<\/p>\n<p>  .ts-hiw__float {\n    font-size:12px;\n  }<\/p>\n<p>  .ts-hiw__steps,\n  .ts-hiw__benefits {\n    grid-template-columns:1fr;\n  }<\/p>\n<p>  .ts-hiw__step {\n    min-height:0;\n  }<\/p>\n<p>  .ts-hiw__cta {\n    margin-inline:14px;\n    border-radius:26px;\n  }\n}<\/p>\n<p>@media(prefers-reduced-motion:reduce) {\n  .ts-hiw__button {\n    transition:none;\n  }\n}\n<\/style>\n<p><main class=\"ts-hiw\" aria-labelledby=\"ts-hiw-title\"><\/p>\n<section class=\"ts-hiw__hero\">\n<div class=\"ts-hiw__container ts-hiw__hero-grid\">\n<div>\n<p class=\"ts-hiw__eyebrow\">\n          Personalized in a few simple steps\n        <\/p>\n<h1 id=\"ts-hiw-title\">\n          Turn their name into something special.<br \/>\n        <\/h1>\n<p class=\"ts-hiw__lead\">\n          Choose a design they\u2019ll love, add their name, and preview it<br \/>\n          before you order. Totsticker makes creating a one-of-a-kind<br \/>\n          sticker simple and fun.\n        <\/p>\n<div class=\"ts-hiw__actions\">\n          <a class=\"ts-hiw__button\" href=\"\/shop\/\"><br \/>\n            Choose a design<br \/>\n          <\/a><\/p>\n<p>          <a class=\"ts-hiw__button ts-hiw__button--secondary\"\n             href=\"#totsticker-steps\"><br \/>\n            See how it works<br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<div class=\"ts-hiw__preview-wrap\"\n           aria-label=\"Example personalized sticker reading Alex\"><\/p>\n<div class=\"ts-hiw__float ts-hiw__float--top\">\n          1. Pick a favorite\n        <\/div>\n<div class=\"ts-hiw__preview-card\">\n          <span class=\"ts-hiw__spark ts-hiw__spark--one\"\n                aria-hidden=\"true\">\u2605<\/span><\/p>\n<div class=\"ts-hiw__sticker\">ALEX<\/div>\n<p>          <span class=\"ts-hiw__spark ts-hiw__spark--two\"\n                aria-hidden=\"true\">\u2726<\/span>\n        <\/div>\n<div class=\"ts-hiw__float ts-hiw__float--bottom\">\n          2. Make it theirs \u2728\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"ts-hiw__section\" id=\"totsticker-steps\">\n<div class=\"ts-hiw__container\">\n<header class=\"ts-hiw__section-heading\">\n<h2>Four easy steps<\/h2>\n<p>\n          From choosing the artwork to placing the order, you can see<br \/>\n          the personalization come together as you create it.\n        <\/p>\n<\/header>\n<div class=\"ts-hiw__steps\">\n<article class=\"ts-hiw__step\">\n<h3>Pick a design<\/h3>\n<p>\n            Browse the Totsticker collection and choose the character,<br \/>\n            vehicle, animal, or theme that fits them best.\n          <\/p>\n<\/article>\n<article class=\"ts-hiw__step\">\n<h3>Add their name<\/h3>\n<p>\n            Enter the name exactly as you want it to appear on the<br \/>\n            finished sticker.\n          <\/p>\n<\/article>\n<article class=\"ts-hiw__step\">\n<h3>Preview it live<\/h3>\n<p>\n            See the personalized design on screen and check the spelling<br \/>\n            before adding it to your cart.\n          <\/p>\n<\/article>\n<article class=\"ts-hiw__step\">\n<h3>Place your order<\/h3>\n<p>\n            Complete checkout, and we\u2019ll prepare the personalized<br \/>\n            sticker made especially for them.\n          <\/p>\n<\/article><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"ts-hiw__section ts-hiw__section--soft\">\n<div class=\"ts-hiw__container\">\n<header class=\"ts-hiw__section-heading\">\n<h2>Little details, made personal<\/h2>\n<p>\n          A simple creative experience designed to make every choice<br \/>\n          feel easy.\n        <\/p>\n<\/header>\n<div class=\"ts-hiw__benefits\">\n<article class=\"ts-hiw__benefit\">\n          <span class=\"ts-hiw__benefit-icon\" aria-hidden=\"true\">\u2661<\/span><\/p>\n<h3>Easy to personalize<\/h3>\n<p>\n            Just choose a design and add the name\u2014no design skills needed.\n          <\/p>\n<\/article>\n<article class=\"ts-hiw__benefit\">\n          <span class=\"ts-hiw__benefit-icon\" aria-hidden=\"true\">\u25c9<\/span><\/p>\n<h3>Preview before ordering<\/h3>\n<p>\n            See how the name looks and check the details before moving<br \/>\n            to checkout.\n          <\/p>\n<\/article>\n<article class=\"ts-hiw__benefit\">\n          <span class=\"ts-hiw__benefit-icon\" aria-hidden=\"true\">\u2726<\/span><\/p>\n<h3>Uniquely theirs<\/h3>\n<p>\n            Their favorite design becomes a sticker created especially<br \/>\n            for them.\n          <\/p>\n<\/article><\/div>\n<\/p><\/div>\n<\/section>\n<div class=\"ts-hiw__container\">\n<section class=\"ts-hiw__cta\"\n             aria-labelledby=\"ts-hiw-cta-title\"><\/p>\n<h2 id=\"ts-hiw-cta-title\">\n        Ready to make one?<br \/>\n      <\/h2>\n<p>\n        Find the design that feels just right, add their name, and<br \/>\n        watch it become theirs.\n      <\/p>\n<p>      <a class=\"ts-hiw__button\" href=\"\/shop\/\"><br \/>\n        Start personalizing<br \/>\n      <\/a><\/p>\n<\/section><\/div>\n<p><\/main><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Personalized in a few simple steps Turn their name into something special. Choose a design they\u2019ll love, add their name, and preview it before you order. Totsticker makes creating a one-of-a-kind sticker simple and fun. Choose a design See how it works 1. Pick a favorite \u2605 ALEX \u2726 2. Make it theirs \u2728 Four [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How it works - Totsticker<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How it works - Totsticker\" \/>\n<meta property=\"og:description\" content=\"Personalized in a few simple steps Turn their name into something special. Choose a design they\u2019ll love, add their name, and preview it before you order. Totsticker makes creating a one-of-a-kind sticker simple and fun. Choose a design See how it works 1. Pick a favorite \u2605 ALEX \u2726 2. Make it theirs \u2728 Four [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.totsticker.com\/?page_id=21\" \/>\n<meta property=\"og:site_name\" content=\"Totsticker\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-16T17:51:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/staging.totsticker.com\\\/?page_id=21\",\"url\":\"https:\\\/\\\/staging.totsticker.com\\\/?page_id=21\",\"name\":\"How it works - Totsticker\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/staging.totsticker.com\\\/#website\"},\"datePublished\":\"2026-08-09T22:21:56+00:00\",\"dateModified\":\"2026-09-16T17:51:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/staging.totsticker.com\\\/?page_id=21#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/staging.totsticker.com\\\/?page_id=21\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/staging.totsticker.com\\\/?page_id=21#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/staging.totsticker.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How it works\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/staging.totsticker.com\\\/#website\",\"url\":\"https:\\\/\\\/staging.totsticker.com\\\/\",\"name\":\"Totsticker\",\"description\":\"Personalized waterproof name stickers made for kids of all ages.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/staging.totsticker.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How it works - Totsticker","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"How it works - Totsticker","og_description":"Personalized in a few simple steps Turn their name into something special. Choose a design they\u2019ll love, add their name, and preview it before you order. Totsticker makes creating a one-of-a-kind sticker simple and fun. Choose a design See how it works 1. Pick a favorite \u2605 ALEX \u2726 2. Make it theirs \u2728 Four [&hellip;]","og_url":"https:\/\/staging.totsticker.com\/?page_id=21","og_site_name":"Totsticker","article_modified_time":"2026-09-16T17:51:45+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/staging.totsticker.com\/?page_id=21","url":"https:\/\/staging.totsticker.com\/?page_id=21","name":"How it works - Totsticker","isPartOf":{"@id":"https:\/\/staging.totsticker.com\/#website"},"datePublished":"2026-08-09T22:21:56+00:00","dateModified":"2026-09-16T17:51:45+00:00","breadcrumb":{"@id":"https:\/\/staging.totsticker.com\/?page_id=21#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.totsticker.com\/?page_id=21"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/staging.totsticker.com\/?page_id=21#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging.totsticker.com\/"},{"@type":"ListItem","position":2,"name":"How it works"}]},{"@type":"WebSite","@id":"https:\/\/staging.totsticker.com\/#website","url":"https:\/\/staging.totsticker.com\/","name":"Totsticker","description":"Personalized waterproof name stickers made for kids of all ages.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/staging.totsticker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/staging.totsticker.com\/index.php?rest_route=\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.totsticker.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.totsticker.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.totsticker.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.totsticker.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=21"}],"version-history":[{"count":2,"href":"https:\/\/staging.totsticker.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":81,"href":"https:\/\/staging.totsticker.com\/index.php?rest_route=\/wp\/v2\/pages\/21\/revisions\/81"}],"wp:attachment":[{"href":"https:\/\/staging.totsticker.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}