{"product_id":"custom-polyester-strap-keychain-with-hook-order-online","title":"Custom Polyester Strap Keychain with Hook - Order Online","description":"\u003cstyle\u003e\n  \/* ================================\n     Order Online Page (Clean + CRO)\n     For: Custom Rubber Clog Charms\n     Fix: Mobile responsive + no overflow\n     ================================ *\/\n\n  .order-online-wrapper{\n    --text: #121212;\n    --line: #e8e8e8;\n    --bg-soft: #f7f7f7;\n\n    --radius: 10px;\n\n    --btn-bg: #000;\n    --btn-text: #fff;\n    --btn-border: #000;\n\n    --title-size: 18px;\n    --body-size: 16px;\n    --small-size: 14px;\n\n    font-size: var(--body-size);\n    color: var(--text);\n    line-height: 1.75;\n\n    \/* Optional: avoid theme edge overflow *\/\n    max-width: 100%;\n  }\n\n  .order-online-wrapper *{ color: var(--text); }\n\n  .order-online-wrapper .oo-lead{\n    margin: 0 0 14px 0;\n    font-size: var(--body-size);\n  }\n\n  .order-online-wrapper .oo-strong{ font-weight: 800; }\n\n  .order-online-wrapper .oo-divider{\n    border: 0;\n    border-top: 1px solid var(--line);\n    margin: 18px 0;\n  }\n\n  .order-online-wrapper .oo-step{ margin: 0 0 22px 0; }\n\n  .order-online-wrapper .oo-step-title{\n    margin: 0 0 10px 0;\n    font-size: var(--title-size);\n    font-weight: 800;\n    letter-spacing: .3px;\n    text-transform: uppercase;\n\n    \/* Safety for mobile long titles *\/\n    overflow-wrap: anywhere;\n  }\n\n  .order-online-wrapper .oo-step-sub{\n    margin: 0 0 12px 0;\n    font-size: var(--body-size);\n  }\n\n  .order-online-wrapper .oo-list{\n    margin: 0;\n    padding-left: 18px;\n  }\n\n  .order-online-wrapper .oo-list li{\n    margin: 8px 0;\n    overflow-wrap: anywhere; \/* avoid long strings causing overflow *\/\n  }\n\n  .order-online-wrapper .oo-card{\n    background: var(--bg-soft);\n    border: 1px solid var(--line);\n    border-radius: var(--radius);\n    padding: 16px;\n    margin: 22px 0;\n\n    \/* prevent inner content pushing width *\/\n    box-sizing: border-box;\n  }\n\n  .order-online-wrapper .oo-card-title{\n    margin: 0 0 10px 0;\n    font-size: 16px;\n    font-weight: 800;\n    overflow-wrap: anywhere;\n  }\n\n  .order-online-wrapper .oo-card-row{\n    margin: 8px 0;\n    overflow-wrap: anywhere;\n  }\n\n  .order-online-wrapper .oo-cta{\n    text-align: center;\n    margin-top: 20px;\n  }\n\n  .order-online-wrapper .oo-cta-title{\n    margin: 0 0 12px 0;\n    font-size: 18px;\n    font-weight: 800;\n    overflow-wrap: anywhere;\n  }\n\n  .order-online-wrapper .oo-cta-btn{\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--btn-bg);\n    color: var(--btn-text) !important;\n    border: 1px solid var(--btn-border);\n    padding: 16px 30px;\n    border-radius: 8px;\n    text-decoration: none;\n    font-weight: 800;\n    font-size: 16px;\n    letter-spacing: .2px;\n    min-height: 52px;\n    min-width: 280px;\n    white-space: nowrap;\n\n    \/* ===== Fix: prevent 100% width + padding overflow ===== *\/\n    box-sizing: border-box;\n    max-width: 100%;\n  }\n\n  .order-online-wrapper .oo-cta-btn:hover{ opacity: .92; }\n\n  .order-online-wrapper .oo-cta-note{\n    margin-top: 10px;\n    font-size: var(--small-size);\n    opacity: .9;\n    overflow-wrap: anywhere;\n  }\n\n  @media (max-width: 768px){\n    .order-online-wrapper{\n      --title-size: 17px;\n      --body-size: 16px;\n      --small-size: 14px;\n\n      \/* ===== Fix: stop accidental horizontal scroll on mobile ===== *\/\n      overflow-x: hidden;\n    }\n\n    .order-online-wrapper .oo-cta-btn{\n      width: 100%;\n      max-width: 100%;\n      min-width: 0;          \/* override min-width:280px *\/\n      padding: 16px 16px;\n\n      \/* If text is long, allow wrapping on small screens *\/\n      white-space: normal;\n      word-break: break-word;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"order-online-wrapper\"\u003e\n\u003cp class=\"oo-lead\"\u003e\u003cspan class=\"oo-strong\"\u003eReady to order your Custom Polyester Strap Keychain with Hook?\u003c\/span\u003e\u003cbr\u003eUpload your logo, select your quantity, and we’ll handle molding, color matching, and production.\u003c\/p\u003e\n\u003chr class=\"oo-divider\"\u003e\n\u003c!-- STEP 1 --\u003e\n\u003cdiv class=\"oo-step\"\u003e\n\u003ch3 class=\"oo-step-title\"\u003eStep 1 · Select Your Quantity\u003c\/h3\u003e\n\u003cp class=\"oo-step-sub\"\u003eChoose your quantity to unlock volume pricing. \u003cstrong\u003eMinimum order is 20 pieces\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cul class=\"oo-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eMinimum order:\u003c\/strong\u003e 20 pieces\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePricing advantage:\u003c\/strong\u003e The more you order, the lower the unit price.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- STEP 2 --\u003e\n\u003cdiv class=\"oo-step\"\u003e\n\u003ch3 class=\"oo-step-title\"\u003eStep 2 · Artwork \u0026amp; Production\u003c\/h3\u003e\n\u003cul class=\"oo-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eUpload your logo:\u003c\/strong\u003e AI, PDF, PNG, or JPG (high-resolution recommended).\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSelect the logo design style for both sides: \u003c\/strong\u003eSame logo or different designs on each side.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eStandard timeline:\u003c\/strong\u003e About 30 business days after artwork approval.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eRush option:\u003c\/strong\u003e As fast as 20 business days (additional fees apply).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- STEP 3 --\u003e\n\u003cdiv class=\"oo-step\"\u003e\n\u003ch3 class=\"oo-step-title\"\u003eStep 3 · Checkout \u0026amp; Proof\u003c\/h3\u003e\n\u003cul class=\"oo-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003ePlace your order online:\u003c\/strong\u003e Secure your production slot.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDigital proof included:\u003c\/strong\u003e Production begins only after your approval.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTransparent pricing:\u003c\/strong\u003e Any special requests are confirmed before production.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- WHY BOX --\u003e\n\u003cdiv class=\"oo-card\"\u003e\n\u003cp class=\"oo-card-title\"\u003eWhy Choose Us?\u003c\/p\u003e\n\u003cp class=\"oo-card-row\"\u003e\u003cstrong\u003eAll-inclusive pricing:\u003c\/strong\u003e No mold fees · No tax · Free shipping\u003c\/p\u003e\n\u003cp class=\"oo-card-row\"\u003e\u003cstrong\u003eQuality assurance:\u003c\/strong\u003e Proof approval + satisfaction guarantee\u003c\/p\u003e\n\u003cp class=\"oo-card-row\"\u003e\u003cstrong\u003eService Guarantee:\u003c\/strong\u003e Free artwork, free artwork revisions, and real-time order status tracking.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"oo-cta\"\u003e\n\u003cp class=\"oo-cta-title\"\u003eNeed a quick logo or customization check?\u003c\/p\u003e\n\u003ca href=\"https:\/\/www.3dshoecharms.co.uk\/products\/custom-polyester-strap-keychain-with-hook-free-design-proof-quote#free-mockup-form\" class=\"oo-cta-btn\"\u003e Get a Free Mockup \u0026amp; Quote \u003c\/a\u003e\n\u003cp class=\"oo-cta-note\"\u003eFree proof · No payment required · Reply within 24 hours\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"3D Shoe Charms","offers":[{"title":"20","offer_id":52271192244533,"sku":null,"price":78.0,"currency_code":"GBP","in_stock":true},{"title":"30","offer_id":52271192277301,"sku":null,"price":98.0,"currency_code":"GBP","in_stock":true},{"title":"50","offer_id":52271192310069,"sku":null,"price":152.0,"currency_code":"GBP","in_stock":true},{"title":"75","offer_id":52271192342837,"sku":null,"price":210.0,"currency_code":"GBP","in_stock":true},{"title":"100","offer_id":52271192375605,"sku":null,"price":260.0,"currency_code":"GBP","in_stock":true},{"title":"200","offer_id":52271192408373,"sku":null,"price":397.0,"currency_code":"GBP","in_stock":true},{"title":"300","offer_id":52271192441141,"sku":null,"price":504.0,"currency_code":"GBP","in_stock":true},{"title":"400","offer_id":52271192473909,"sku":null,"price":661.0,"currency_code":"GBP","in_stock":true},{"title":"500","offer_id":52271192506677,"sku":null,"price":756.0,"currency_code":"GBP","in_stock":true},{"title":"700","offer_id":52271192539445,"sku":null,"price":886.0,"currency_code":"GBP","in_stock":true},{"title":"1000","offer_id":52271192572213,"sku":null,"price":1201.0,"currency_code":"GBP","in_stock":true},{"title":"2000","offer_id":52271192604981,"sku":null,"price":2241.0,"currency_code":"GBP","in_stock":true},{"title":"3000","offer_id":52271192637749,"sku":null,"price":3602.0,"currency_code":"GBP","in_stock":true},{"title":"5000","offer_id":52271192670517,"sku":null,"price":5139.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0950\/1111\/1221\/files\/Lanyard-Keychain-with-Carabiner-Hook01_17266f5e-1ef9-4c79-8a34-f06429100c6f.jpg?v=1760512029","url":"https:\/\/www.3dshoecharms.co.uk\/products\/custom-polyester-strap-keychain-with-hook-order-online","provider":"3D Shoe Charms","version":"1.0","type":"link"}