<!DOCTYPE html> <html lang="en" itemscope itemtype="http://schema.org/WebPage"><head> <link rel="preconnect" href="https://d24bg2vhmgisg5.cloudfront.net" crossorigin> <link rel="preconnect" href="https://d2zg6owwd9zpf3.cloudfront.net" crossorigin> <style> .cv-auto { content-visibility: auto; contain-intrinsic-size: 300px 800px } </style> <script rel="defer" type="application /ld+json"> "@context": "https://schema.org", "@type": "ClothingStore", "name": "Stitch America", "image": "https://d2zg6owwd9zpf3.cloudfront.net/saflagphoneheader.webp", "@id": "https://stitchamerica.com/#", "url": "https://stitchamerica.com/", "telephone": "770-537-4357", "priceRange": "$$", "address": { "@type": "PostalAddress", "streetAddress": "110 Cross Street", "addressLocality": "Bremen", "addressRegion": "GA", "postalCode": "30110", "addressCountry": "US" }, "geo": { "@type": "GeoCoordinates", "latitude": 33.7243588, "longitude": -85.126826 }, "openingHoursSpecification": { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday" ], "opens": "08:30", "closes": "17:30" }, "sameAs": [ "https://www.facebook.com/stitchamerica/", "https://www.linkedin.com/company/stitch-america", "https://www.youtube.com/@StitchamericaEmbroidery", "https://www.pinterest.com/stitchamerica/" ] } </script> <meta property="og:url" content="https://stitchamerica.com/"> <meta property="og:type" content="website"> <meta property="og:title" content="Stitch America | World Class Custom Embroidery Services"> <meta property="og:description" content="Stitch America is your quality source for custom embroidery on the web. Free custom embroidery is always included and we have the simplest pricing! For the best custom embroider service out there, choose Stitch America."> <meta property="og:image" content="https://d2zg6owwd9zpf3.cloudfront.net/saflagphoneheader.webp"> <meta property="og:image:width" content="300"> <meta property="og:image:height" content="220"> <meta name="twitter:card" content="summary_large_image"> <meta property="twitter:domain" content="stitchamerica.com"> <meta property="twitter:url" content="https://stitchamerica.com/"> <meta name="twitter:title" content="Stitch America | World Class Custom Embroidery Services"> <meta name="twitter:description" content="Stitch America is your quality source for custom embroidery on the web. Free custom embroidery is always included and we have the simplest pricing! For the best custom embroider service out there, choose Stitch America."> <meta name="twitter:image" content="https://d2zg6owwd9zpf3.cloudfront.net/saflagphoneheader.webp"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <meta name="application-name" content="Stitch America"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" /> <link rel="canonical" href="https://stitchamerica.com" /> <meta name="google-site-verification" content="s4gEZWy9nZdxIVNePeu07U6S13WNRmVWCzJGrkuR8HI" /> <meta name="description" content="Stitch America is your quality source for custom embroidery on the web. Free custom embroidery is always included and we have the simplest pricing! For the best custom embroider service out there, choose Stitch America." /> <title>Stitch America | World Class Custom Embroidery Services</title> <link rel="stylesheet" defer href="/content/sa-styling-2025.css"> <link rel="stylesheet" defer href="/content/stitch-america.min.css"> <link rel="stylesheet" href="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/latest/js-cloudimage-responsive.min.css?func=proxy"> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-MR9LFM'); </script> </head> <body> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MR9LFM" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <div id="responsive_body"> <div class="body-content"> <input id="sw" name="sw" type="hidden" value="0" /> <div id="responsive_nav" class="sticky-top"> <div class="navbar navbar-expand-lg darkblue-bg navbar-dark p-2 shadow-sm pb-2 nav-dark"> <div class="container max-w-90"> <div class="sa-nav-grid"> <div class="sa-nav-left d-flex align-items-center"> <div class="d-none d-md-flex me-3"> <a class="sa-brand text-white" href="/" aria-label="Stitch America Home"> <img class="img-fluid sa-brand-logo-md" src="https://d2zg6owwd9zpf3.cloudfront.net/saflagphoneheader.webp" alt="Stitch America logo" /> <span class="sa-brand-text"> <span class="sa-brand-title">Stitch America</span> <span class="sa-brand-sub d-none d-xl-flex">custom embroidery</span> </span> </a> </div> <div class="d-flex d-md-none"> <a class="sa-brand text-white" href="/" aria-label="Stitch America Home"> <img class="img-fluid sa-brand-logo-sm" src="https://d2zg6owwd9zpf3.cloudfront.net/saflagphoneheader.webp" alt="Stitch America logo" /> </a> </div> </div> <div class="sa-nav-center d-flex flex-column align-items-center w-100"> <div class="d-none d-md-flex sa-search-lg"> <form class="navbar-form w-100" role="search" data-stitch-search id="searchFormLg" aria-label="Site search"> <div class="input-group"> <input type="search" class="form-control" name="q" id="q_desktop" placeholder="Search" autocomplete="on" enterkeyhint="search" inputmode="search" aria-label="Search"> <button type="submit" class="sa-btn d-inline-flex align-items-center justify-content-center" aria-label="Search"> <img src="https://d24bg2vhmgisg5.cloudfront.net/searchglass3.webp" width="27" height="27" alt="" class="search-icon" /> <div class="spinner-border spinner-border-sm text-light d-none" role="status" aria-hidden="true" style="width:20px;height:20px;"></div> </button> </div> </form> </div> <div class="d-flex d-md-none sa-search-sm"> <form class="navbar-form w-100" role="search" data-stitch-search id="searchFormSm" aria-label="Site search"> <div class="input-group"> <input type="search" class="form-control" name="q" id="q_phone" placeholder="Search" autocomplete="on" enterkeyhint="search" inputmode="search" aria-label="Search"> <button type="submit" class="sa-btn d-inline-flex align-items-center justify-content-center" aria-label="Search"> <img src="https://d24bg2vhmgisg5.cloudfront.net/searchglass3.webp" width="27" height="27" alt="" class="search-icon" /> <div class="spinner-border spinner-border-sm text-light d-none" role="status" aria-hidden="true" style="width:20px;height:20px;"></div> </button> </div> </form> </div> </div> <div class="sa-nav-right"> <ul class="navbar-nav ms-auto justify-content-end d-none d-lg-flex"> <li class="nav-item dropdown-styling"> <a id="loginHeaderLink" href="/account/login" class="nav-link sa-link-700"> <span class="text-nowrap"> <img src="https://d24bg2vhmgisg5.cloudfront.net/login.webp" height="21" width="21" alt="" /> Log In </span> </a> </li> <li class="nav-item dropdown-styling"> <a class="nav-link text-nowrap sa-link-700" id="cartHeaderLink" href="/account/cart"> <img src="https://d24bg2vhmgisg5.cloudfront.net/cart.webp" height="21" width="21" alt="" /> Cart </a> </li> </ul> <button id="mobileMenuBtn" class="btn btn-primary d-lg-none d-flex" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight" aria-label="Toggle Mobile Menu"> <img src="https://d24bg2vhmgisg5.cloudfront.net/mobile-menu.webp" height="31" width="31" alt="" /> </button> </div> </div> </div> </div> <div class="navbar navbar-expand-lg navbar-dark py-1 lightblue-bg d-none d-md-block nav-light"> <div class="container max-w-90"> <div class="d-flex flex-row w-100 justify-content-start"> <div class="collapse navbar-collapse d-md-flex" id="navbarNavDropdown"> <ul class="navbar-nav justify-content-start d-none d-lg-flex"> <li class="nav-item dropdown mx-2"> <a id="ddHelp" class="nav-link active dropdown-toggle dropdown-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Need Help?</a> <ul class="dropdown-menu" aria-labelledby="ddHelp"> <li><a class="dropdown-item" href="/service">Help Index</a></li> <li><a class="dropdown-item" href="/service/contact">Contact us</a></li> <li><a class="dropdown-item" href="/account/uploadmylogo">Upload Logo</a></li> <li><a class="dropdown-item" href="/service/faq">FAQ</a></li> <li><a class="dropdown-item" href="/service/whyus">Why Stitch America?</a></li> <li><a class="dropdown-item" href="/service/howlong">How long does it take?</a></li> <li><a class="dropdown-item" href="/embroidery/embroideryguidelines">Embroidery guidelines</a></li> <li><a class="dropdown-item" href="/embroiderydesigns">Embroidery designs</a></li> <li><a class="dropdown-item" href="/embroiderydesigns/digitizing">Embroidery digitizing</a></li> <li><a class="dropdown-item" href="/embroidery/colorpalette">Color palette</a></li> <li><a class="dropdown-item" href="/embroidery/fonts">Fonts</a></li> <li><a class="dropdown-item" href="/service/personalization">Personalization</a></li> <li><a class="dropdown-item" href="/printed/">Screen printing</a></li> </ul> </li> <li class="nav-item dropdown mx-2"> <a id="ddHeadwear" class="nav-link active dropdown-toggle dropdown-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Headwear</a> <ul class="dropdown-menu" aria-labelledby="ddHeadwear"> <li><a class="dropdown-item" href="/catalog/custom-embroidered-caps-hats"><strong>ALL HEADWEAR</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-adjustable">Adjustable</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-snapback">Snapback</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-trucker">Trucker</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-leather-patches">Leather Patches</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-flat-bill">Flat Bill</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-dad-hat">Dad Hats</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-dry-fit">Dry Fit</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-flexfit">Flexfit</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-beanies">Beanies</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-visors">Visors</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-headbands">Headbands</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-other">Other</a></li> </ul> </li> <li class="nav-item dropdown mx-2"> <a id="ddShirts" class="nav-link active dropdown-toggle dropdown-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Shirts</a> <ul class="dropdown-menu" aria-labelledby="ddShirts"> <li><a class="dropdown-item" href="/catalog/custom-embroidered-shirts"><strong>ALL SHIRTS</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-polo-shirts">Polos</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-dry-fit">Dry Fit</a></li> <li><a class="dropdown-item" href="/catalog/category/shirts-full-button">Button-Up</a></li> <li><a class="dropdown-item" href="/catalog/category/shirts-denim">Denim</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-t-shirts">T-Shirts</a></li> <li><a class="dropdown-item" href="/catalog/category/shirts-turtlenecks">Turtlenecks</a></li> <li><a class="dropdown-item" href="/catalog/category/shirts-henley">Henley</a></li> <li><a class="dropdown-item" href="/catalog/category/shirts-youth">Youth</a></li> <li><a class="dropdown-item" href="/catalog/category/shirts-big-and-tall">Big & Tall</a></li> </ul> </li> <li class="nav-item dropdown mx-2"> <a id="ddOuterwear" class="nav-link active dropdown-toggle dropdown-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Outerwear</a> <ul class="dropdown-menu" aria-labelledby="ddOuterwear"> <li><a class="dropdown-item" href="/catalog/category/outerwear"><strong>ALL OUTERWEAR</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-jackets">Jackets</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-dry-fit">Dry Fit</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-sweatshirts">Sweatshirts</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-pullovers">Pullovers</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-sweaters">Sweaters</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-vests">Vests</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-fleece">Fleece</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-youth">Youth</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-big-and-tall">Big & Tall</a></li> </ul> </li> <li class="nav-item dropdown d-none d-xxl-block mx-2"> <a id="ddWomens" class="nav-link active dropdown-toggle dropdown-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Women's</a> <ul class="dropdown-menu" aria-labelledby="ddWomens"> <li><a class="dropdown-item" href="/catalog/category/ladies"><strong>ALL WOMEN'S</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/ladies-polos">Polos</a></li> <li><a class="dropdown-item" href="/catalog/category/ladies-dry-fit">Dry Fit</a></li> <li><a class="dropdown-item" href="/catalog/category/ladies-full-button">Button-Up</a></li> <li><a class="dropdown-item" href="/catalog/category/womens-embroidered-denim-shirts">Denim</a></li> <li><a class="dropdown-item" href="/catalog/category/ladies-t-shirts">T-Shirts</a></li> <li><a class="dropdown-item" href="/catalog/category/ladies-sleeveless">Sleeveless</a></li> </ul> </li> <li class="nav-item dropdown mx-2"> <a id="ddWorkwear" class="nav-link active dropdown-toggle dropdown-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Workwear</a> <ul class="dropdown-menu" aria-labelledby="ddWorkwear"> <li><a class="dropdown-item" href="/catalog/custom-embroidered-workwear"><strong>ALL WORKWEAR</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-shirts">Shirts</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-outerwear">Outerwear</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-headwear">Headwear</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-healthcare">Healthcare</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-scrubs">Scrubs</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-lab-coats">Lab Coats</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-aprons">Aprons</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-safety">Safety</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-pants">Bottoms</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-other">Miscellaneous</a></li> </ul> </li> <li class="nav-item dropdown d-none d-xl-block mx-2"> <a id="ddAccessories" class="nav-link active dropdown-toggle dropdown-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Accessories</a> <ul class="dropdown-menu" aria-labelledby="ddAccessories"> <li><a class="dropdown-item" href="/catalog/category/more"><strong>ALL ACCESSORIES</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-blankets">Blankets</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-bags">Bags</a></li> <li><a class="dropdown-item" href="/catalog/category/more-scarves">Scarves</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-towels">Towels</a></li> <li><a class="dropdown-item" href="/catalog/category/more-loungewear">Loungewear</a></li> <li><a class="dropdown-item" href="/catalog/category/more-other">Other</a></li> </ul> </li> <li class="nav-item dropdown mx-2"> <a id="ddBrands" class="nav-link active dropdown-toggle dropdown-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">All Brands</a> <ul class="dropdown-menu" aria-labelledby="ddBrands"> <li><a class="dropdown-item" href="/catalog/brands"><strong>ALL BRANDS</strong></a></li> <li><a class="dropdown-item" href="/catalog/brand/richardson">Richardson</a></li> <li><a class="dropdown-item" href="/catalog/brand/port-authority">Port Authority</a></li> <li><a class="dropdown-item" href="/catalog/brand/charles-river">Charles River</a></li> <li><a class="dropdown-item" href="/catalog/brand/gildan">Gildan</a></li> <li><a class="dropdown-item" href="/catalog/brand/carhartt">Carhartt</a></li> <li><a class="dropdown-item" href="/catalog/brand/team365">TEAM365</a></li> </ul> </li> </ul> <!--<ul class="navbar-nav justify-content-start d-flex d-lg-none sa-nav-item-md-links"> <li class="nav-item dropdown"> <a id="ddHeadwearMd" class="nav-link mx-2 active dropdown-toggle dropdown-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Headwear</a> <ul class="dropdown-menu" aria-labelledby="ddHeadwearMd"> <li><a class="dropdown-item" href="/catalog/custom-embroidered-caps-hats"><strong>ALL HEADWEAR</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-adjustable">Adjustable</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-snapback">Snapback</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-trucker">Trucker</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-leather-patches">Leather Patches</a></li> </ul> </li> <li class="nav-item dropdown"> <a id="ddShirtsMd" class="nav-link mx-2 active dropdown-toggle dropdown-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Shirts</a> <ul class="dropdown-menu" aria-labelledby="ddShirtsMd"> <li><a class="dropdown-item" href="/catalog/custom-embroidered-shirts"><strong>ALL SHIRTS</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-polo-shirts">Polos</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-dry-fit">Dry Fit</a></li> <li><a class="dropdown-item" href="/catalog/category/shirts-full-button">Button-Up</a></li> <li><a class="dropdown-item" href="/catalog/category/shirts-denim">Denim</a></li> </ul> </li> <li class="nav-item dropdown"> <a id="ddOuterwearMd" class="nav-link mx-2 active dropdown-toggle dropdown-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Outerwear</a> <ul class="dropdown-menu" aria-labelledby="ddOuterwearMd"> <li><a class="dropdown-item" href="/catalog/category/outerwear"><strong>ALL OUTERWEAR</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-jackets">Jackets</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-dry-fit">Dry Fit</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-sweatshirts">Sweatshirts</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-pullovers">Pullovers</a></li> </ul> </li> <li class="nav-item dropdown"> <a id="ddWomensMd" class="nav-link mx-2 active dropdown-toggle dropdown-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Women</a> <ul class="dropdown-menu" aria-labelledby="ddWomensMd"> <li><a class="dropdown-item" href="/catalog/category/ladies"><strong>ALL WOMEN'S</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/ladies-polos">Polos</a></li> <li><a class="dropdown-item" href="/catalog/category/ladies-dry-fit">Dry Fit</a></li> <li><a class="dropdown-item" href="/catalog/category/ladies-full-button">Button-Up</a></li> <li><a class="dropdown-item" href="/catalog/category/womens-embroidered-denim-shirts">Denim</a></li> </ul> </li> <li class="nav-item dropdown"> <a id="ddAccessoriesMd" class="nav-link mx-2 active dropdown-toggle dropdown-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Accessories</a> <ul class="dropdown-menu" aria-labelledby="ddAccessoriesMd"> <li><a class="dropdown-item" href="/catalog/category/more"><strong>ALL ACCESSORIES</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-blankets">Blankets</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-bags">Bags</a></li> <li><a class="dropdown-item" href="/catalog/category/more-scarves">Scarves</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-towels">Towels</a></li> <li><a class="dropdown-item" href="/catalog/category/more-loungewear">Loungewear</a></li> <li><a class="dropdown-item" href="/catalog/category/more-other">Other</a></li> </ul> </li>--> <!--<ul class="navbar-nav ms-auto d-flex align-items-center"> <li class="nav-item"> <a class="nav-link text-nowrap sa-link-700" id="cartHeaderLinkMd" href="/account/cart"> <img src="https://d24bg2vhmgisg5.cloudfront.net/cart.webp" height="21" width="21" alt="" /> Cart </a> </li> <li class="nav-item"> <a id="loginHeaderLinkMd" href="/account/login" class="nav-link sa-link-700"> <span class="text-nowrap text-white"> <img src="https://d24bg2vhmgisg5.cloudfront.net/login.webp" height="21" width="21" alt="" /> Log In </span> </a> </li> </ul>--> </div> <div class="d-flex align-items-center ms-auto flex-shrink-0 d-none d-lg-flex"> <div class="top-header-links d-flex align-items-center"> <a class="top-header-styling ms-2" href="/account/uploadmylogo"> <img src="https://d24bg2vhmgisg5.cloudfront.net/upload2.webp" alt="" /> Free Logo Evaluation </a> <a class="top-header-styling ms-2 d-none d-xl-block" href="/service/contact"> <img src="https://d24bg2vhmgisg5.cloudfront.net/email2.webp" alt="" /> Email </a> <a class="top-header-styling ms-2" href="tel:+1-770-537-4357"> <img src="https://d24bg2vhmgisg5.cloudfront.net/phone2.webp" alt="" /> 770-537-4357 </a> </div> </div> </div> </div> </div> <div class="d-block d-lg-none navbar-dark lightblue-bg p-1"> <div class="container max-w-90"> <div class="d-flex justify-content-between w-100 mobile-contact-bar"> <div class="d-flex align-items-center"> <a class="sa-link-white-700 text-white" href="tel:+1-770-537-4357"> <img src="https://d24bg2vhmgisg5.cloudfront.net/phone21.webp" height="21" width="21" alt="" /> 770-537-4357 </a> </div> <div class="d-flex align-items-center"> <a class="sa-link-white-700 me-3 text-white" href="/account/cart"> <img src="https://d24bg2vhmgisg5.cloudfront.net/cart.webp" height="21" width="21" alt="" /> Cart </a> </div> <div class="d-flex align-items-center"> <a class="sa-link-white-700 text-white" href="/account/login"> <span class="text-nowrap"> <img src="https://d24bg2vhmgisg5.cloudfront.net/login.webp" height="21" width="21" alt="" /> Log In </span> </a> </div> </div> </div> </div></div> <template id="mobileOffcanvasTpl"> <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel" aria-modal="true" role="dialog"> <div class="offcanvas-header darkblue-bg"> <img loading="lazy" class="img-fluid" style="max-width:17%;height:auto;" src="https://d2zg6owwd9zpf3.cloudfront.net/sapatchflag.webp" alt="Stitch America logo" /> <h5 id="offcanvasRightLabel" class="offcanvas-logo-text text-white">Stitch America</h5> <button type="button" class="btn-close text-reset btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body"> <ul class="navbar-nav ms-auto"> <li class="nav-item dropdown "> <a id="ddHelp" class="nav-link active dropdown-toggle offcanvas-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Need Help?</a> <ul class="dropdown-menu" aria-labelledby="ddHelp"> <li><a class="dropdown-item" href="/service">Help Index</a></li> <li><a class="dropdown-item" href="/service/contact">Contact us</a></li> <li><a class="dropdown-item" href="/account/uploadmylogo">Upload Logo</a></li> <li><a class="dropdown-item" href="/service/faq">FAQ</a></li> <li><a class="dropdown-item" href="/service/whyus">Why Stitch America?</a></li> <li><a class="dropdown-item" href="/service/howlong">How long does it take?</a></li> <li><a class="dropdown-item" href="/embroidery/embroideryguidelines">Embroidery guidelines</a></li> <li><a class="dropdown-item" href="/embroiderydesigns">Embroidery designs</a></li> <li><a class="dropdown-item" href="/embroiderydesigns/digitizing">Embroidery digitizing</a></li> <li><a class="dropdown-item" href="/embroidery/colorpalette">Color palette</a></li> <li><a class="dropdown-item" href="/embroidery/fonts">Fonts</a></li> <li><a class="dropdown-item" href="/service/personalization">Personalization</a></li> <li><a class="dropdown-item" href="/printed/">Screen printing</a></li> </ul> </li> <li class="nav-item dropdown "> <a id="ddHeadwear" class="nav-link active dropdown-toggle offcanvas-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Headwear</a> <ul class="dropdown-menu" aria-labelledby="ddHeadwear"> <li><a class="dropdown-item" href="/catalog/custom-embroidered-caps-hats"><strong>ALL HEADWEAR</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-adjustable">Adjustable</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-snapback">Snapback</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-trucker">Trucker</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-leather-patches">Leather Patches</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-flat-bill">Flat Bill</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-dad-hat">Dad Hats</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-dry-fit">Dry Fit</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-flexfit">Flexfit</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-beanies">Beanies</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-visors">Visors</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-headbands">Headbands</a></li> <li><a class="dropdown-item" href="/catalog/category/headwear-other">Other</a></li> </ul> </li> <li class="nav-item dropdown "> <a id="ddShirts" class="nav-link active dropdown-toggle offcanvas-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Shirts</a> <ul class="dropdown-menu" aria-labelledby="ddShirts"> <li><a class="dropdown-item" href="/catalog/custom-embroidered-shirts"><strong>ALL SHIRTS</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-polo-shirts">Polos</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-dry-fit">Dry Fit</a></li> <li><a class="dropdown-item" href="/catalog/category/shirts-full-button">Button-Up</a></li> <li><a class="dropdown-item" href="/catalog/category/shirts-denim">Denim</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-t-shirts">T-Shirts</a></li> <li><a class="dropdown-item" href="/catalog/category/shirts-turtlenecks">Turtlenecks</a></li> <li><a class="dropdown-item" href="/catalog/category/shirts-henley">Henley</a></li> <li><a class="dropdown-item" href="/catalog/category/shirts-youth">Youth</a></li> <li><a class="dropdown-item" href="/catalog/category/shirts-big-and-tall">Big & Tall</a></li> </ul> </li> <li class="nav-item dropdown "> <a id="ddOuterwear" class="nav-link active dropdown-toggle offcanvas-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Outerwear</a> <ul class="dropdown-menu" aria-labelledby="ddOuterwear"> <li><a class="dropdown-item" href="/catalog/category/outerwear"><strong>ALL OUTERWEAR</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-jackets">Jackets</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-dry-fit">Dry Fit</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-sweatshirts">Sweatshirts</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-pullovers">Pullovers</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-sweaters">Sweaters</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-vests">Vests</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-fleece">Fleece</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-youth">Youth</a></li> <li><a class="dropdown-item" href="/catalog/category/outerwear-big-and-tall">Big & Tall</a></li> </ul> </li> <li class="nav-item dropdown d-none d-xxl-block "> <a id="ddWomens" class="nav-link active dropdown-toggle offcanvas-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Women's</a> <ul class="dropdown-menu" aria-labelledby="ddWomens"> <li><a class="dropdown-item" href="/catalog/category/ladies"><strong>ALL WOMEN'S</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/ladies-polos">Polos</a></li> <li><a class="dropdown-item" href="/catalog/category/ladies-dry-fit">Dry Fit</a></li> <li><a class="dropdown-item" href="/catalog/category/ladies-full-button">Button-Up</a></li> <li><a class="dropdown-item" href="/catalog/category/womens-embroidered-denim-shirts">Denim</a></li> <li><a class="dropdown-item" href="/catalog/category/ladies-t-shirts">T-Shirts</a></li> <li><a class="dropdown-item" href="/catalog/category/ladies-sleeveless">Sleeveless</a></li> </ul> </li> <li class="nav-item dropdown "> <a id="ddWorkwear" class="nav-link active dropdown-toggle offcanvas-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Workwear</a> <ul class="dropdown-menu" aria-labelledby="ddWorkwear"> <li><a class="dropdown-item" href="/catalog/custom-embroidered-workwear"><strong>ALL WORKWEAR</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-shirts">Shirts</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-outerwear">Outerwear</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-headwear">Headwear</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-healthcare">Healthcare</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-scrubs">Scrubs</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-lab-coats">Lab Coats</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-aprons">Aprons</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-safety">Safety</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-pants">Bottoms</a></li> <li><a class="dropdown-item" href="/catalog/category/workwear-other">Miscellaneous</a></li> </ul> </li> <li class="nav-item dropdown d-none d-xl-block "> <a id="ddAccessories" class="nav-link active dropdown-toggle offcanvas-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Accessories</a> <ul class="dropdown-menu" aria-labelledby="ddAccessories"> <li><a class="dropdown-item" href="/catalog/category/more"><strong>ALL ACCESSORIES</strong></a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-blankets">Blankets</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-bags">Bags</a></li> <li><a class="dropdown-item" href="/catalog/category/more-scarves">Scarves</a></li> <li><a class="dropdown-item" href="/catalog/category/custom-embroidered-towels">Towels</a></li> <li><a class="dropdown-item" href="/catalog/category/more-loungewear">Loungewear</a></li> <li><a class="dropdown-item" href="/catalog/category/more-other">Other</a></li> </ul> </li> <li class="nav-item dropdown "> <a id="ddBrands" class="nav-link active dropdown-toggle offcanvas-styling" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">All Brands</a> <ul class="dropdown-menu" aria-labelledby="ddBrands"> <li><a class="dropdown-item" href="/catalog/brands"><strong>ALL BRANDS</strong></a></li> <li><a class="dropdown-item" href="/catalog/brand/richardson">Richardson</a></li> <li><a class="dropdown-item" href="/catalog/brand/port-authority">Port Authority</a></li> <li><a class="dropdown-item" href="/catalog/brand/charles-river">Charles River</a></li> <li><a class="dropdown-item" href="/catalog/brand/gildan">Gildan</a></li> <li><a class="dropdown-item" href="/catalog/brand/carhartt">Carhartt</a></li> <li><a class="dropdown-item" href="/catalog/brand/team365">TEAM365</a></li> </ul> </li> <li class="nav-item"> <a id="cartLinkOffcanvas" class="nav-link text-nowrap offcanvas-styling" href="/account/cart"> <img src="https://d24bg2vhmgisg5.cloudfront.net/cart.webp" height="21" width="21" alt="" /> Cart </a> </li> <li class="nav-item"> <a class="nav-link text-nowrap offcanvas-styling" href="/account/uploadmylogo"> <img src="https://d24bg2vhmgisg5.cloudfront.net/upload2.webp" height="21" width="21" alt="" /> Upload </a> </li> <li class="nav-item"> <a href="/account/login" class="nav-link offcanvas-styling"> <span> <img src="https://d24bg2vhmgisg5.cloudfront.net/login.webp" height="21" width="21" alt="" /> Login </span> </a> </li> </ul> </div> </div></template> <script> (function () { const forms = document.querySelectorAll('[data-stitch-search]'); if (!forms.length) return; forms.forEach(function (form) { const isAjax = (form.dataset.ajax || "false").toLowerCase() === "true"; const button = form.querySelector('button[type="submit"]'); const icon = button ? button.querySelector('.search-icon') : null; const spin = button ? button.querySelector('.spinner-border') : null; if (!button || !icon || !spin) return; function start() { icon.classList.add('d-none'); spin.classList.remove('d-none'); button.disabled = true; } function stop() { spin.classList.add('d-none'); icon.classList.remove('d-none'); button.disabled = false; } form.addEventListener('submit', async function (e) { start(); if (isAjax) { e.preventDefault(); await new Promise(function (r) { return setTimeout(r, 1200); }); stop(); } else { setTimeout(function () { if (document.visibilityState === 'visible') stop(); }, 4000); } }); window.addEventListener('pageshow', stop); document.addEventListener('visibilitychange', function () { if (document.visibilityState === 'visible') stop(); }); }); })();</script> <script> (function () { var btn = document.getElementById('mobileMenuBtn'); if (!btn) return; var mounted = false; var ocEl = null; function ensureBootstrap5() { return !!(window.bootstrap && window.bootstrap.Offcanvas); } function mountOffcanvas() { if (mounted) return ocEl; var tpl = document.getElementById('mobileOffcanvasTpl'); if (!tpl) return null; var frag; if ('content' in tpl) { frag = tpl.content.cloneNode(true); } else { var tmp = document.createElement('div'); tmp.innerHTML = tpl.innerHTML; frag = document.createDocumentFragment(); while (tmp.firstChild) frag.appendChild(tmp.firstChild); } document.body.appendChild(frag); ocEl = document.getElementById('offcanvasRight'); if (!ocEl) return null; var title = ocEl.querySelector('#offcanvasRightLabel'); if (!title) { var hdr = ocEl.querySelector('.offcanvas-header h5'); if (hdr) { hdr.id = 'offcanvasRightLabel'; ocEl.setAttribute('aria-labelledby', 'offcanvasRightLabel'); } } mounted = true; return ocEl; } btn.addEventListener('click', function (e) { e.preventDefault(); var el = mountOffcanvas(); if (!el) return; try { if (ensureBootstrap5()) { var oc = bootstrap.Offcanvas.getOrCreateInstance(el); oc.toggle(); return; } } catch (err) { /* fall through to basic toggle */ } // Basic fallback (no focus trap/backdrop) el.classList.toggle('show'); el.style.visibility = el.classList.contains('show') ? 'visible' : 'hidden'; }); var idle = window.requestIdleCallback || function (fn) { return setTimeout(fn, 0); }; function hydrateIcons() { document.querySelectorAll('img[data-defer-src]').forEach(function (img) { var s = img.getAttribute('data-defer-src'); if (s) { img.src = s; img.removeAttribute('data-defer-src'); } img.loading = 'lazy'; img.decoding = 'async'; }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function () { idle(hydrateIcons); }, { once: true }); } else { idle(hydrateIcons); } })();</script> <section id="sub-navigation" class="d-none d-md-none d-lg-block"> <div class="flex-row"> <div style="font-size:0.65vw !important; display:flex; align-items:center; justify-content:center; font-weight:700 !important;"> <div class="sub-nav d-flex"> <h1 class="store-title" style="font-size:1.7em !important; font-weight:700 !important; color:#033c73 !important;">Custom Embroidered Apparel</h1> </div> <div class="sub-nav d-flex"> <a href="#whats-next" class="page-scroll"> <h4 style="font-size:1.7em !important; font-weight:700 !important;">How To Order</h4> </a> </div> <div class="sub-nav d-flex"> <a href="#bestsellers" class="page-scroll"> <h4 style="font-size:1.7em !important; font-weight:700 !important;">Best Sellers</h4> </a> </div> <div class="sub-nav d-flex"> <a href="/catalog/newarrivals" class="page-scroll"> <h4 style="font-size:1.7em !important; font-weight:700 !important;">New Arrivals</h4> </a> </div> <div class="sub-nav d-flex"> <a href="/catalog/category/workwear-healthcare" class="page-scroll"> <h4 style="font-size:1.7em !important; font-weight:700 !important;">Healthcare</h4> </a> </div> <div class="sub-nav d-flex"> <a href="/printed" class="page-scroll"> <h4 style="font-size:1.7em !important; font-weight:700 !important;">Screen Printing</h4> </a> </div> </div> </div></section><div class="clearfix"></div> <!-- Bootstrap 5 (grid & buttons) --><!-- Rotating two-slide hero (desktop only) --><div class="d-none d-lg-block"> <section id="hero-rotator" class="desktop js-rotator"> <!-- ---------- Slide 1 ---------- --> <div class="hero-slide active"> <div class="row"> <div class="col-xxl-6 col-xl-6 col-lg-6"> <img ci-src="https://stitchamerica.com/home-images/jacketsale.webp" rel="defer" ci-ratio="1.4" alt="Jacket Sale" /> </div> <div class="col-xxl-6 col-xl-6 col-lg-6 mt-2 d-flex flex-column justify-content-center"> <div class="hero-text text-center w-100"> <p class="responsive-hero-line3">ALL CUSTOM</p> <p class="responsive-hero-line2" style="text-align:center !important;">JACKETS</p> <p class="responsive-hero-title mt-4">are 10% Off</p> <p class="responsive-hero-line1 mb-5 mt-2">for a limited time.</p> <p class="mt-3"> <a href="/catalog/category/custom-embroidered-jackets" class="sa-btn btn-lg"> Shop Now » </a> </p> </div> </div> </div> </div> <!-- ---------- Slide 2 ---------- --> <div class="hero-slide"> <div class="row"> <div class="col-xxl-6 col-xl-6 col-lg-6"> <img ci-src="https://stitchamerica.com/home-images/newsweatsale4.webp" rel="defer" ci-ratio="1.4" alt="Sweatshirt Sale" /> </div> <div class="col-xxl-6 col-xl-6 col-lg-6 mt-2 d-flex flex-column justify-content-center"> <div class="hero-text text-center w-100"> <p class="responsive-hero-line3 text-lg-center">ALL CUSTOM</p> <p class="responsive-hero-line2" style="text-align:center !important;">SWEATSHIRTS</p> <p class="responsive-hero-title text-lg-center mt-4">ARE 10% OFF</p> <p class="responsive-hero-line1 mb-5 mt-2">shipped in about 2 weeks.</p> <p class="mt-3"> <a href="/catalog/category/custom-embroidered-sweatshirts" class="sa-btn"> Shop Now » </a> </p> </div> </div> </div> </div> </section></div> <div class="d-block d-lg-none d-md-block"> <section id="mobile-hero-rotator" class="js-rotator"> <!-- ========== Slide 1 ========== --> <div class="m-hero-slide active"> <div class="thebest" rel="preload" style="background-image: url('https://stitchamerica.com/home-images/jacketsale.webp?func=cover') !important;"> <div class="row justify-content-center text-center"> <p class="phone-hero-text-style-1 justify-content-center text-nowrap" style="margin-top:5px !important;">CUSTOM</p> <p class="phone-hero-text-style-2 justify-content-center">JACKETS</p> <p class="phone-hero-text-style-3 ps-4 pe-4 justify-content-center" style="margin-bottom:6px !important;">10% off all brands/styles</p> <a href="/catalog/category/custom-embroidered-jackets" class="sa-btn text-center mx-auto w-50 m-cta justify-content-center"> Shop Now »<br /> </a> </div> </div> </div> <!-- ========== Slide 2 ========== --> </section></div> <section class="lightgray-bg"> <div class="container" id="testimonials"> <div id="customers-speak"> <h2 class="pt-3" style="color: #033C73 !important;">Customers Speak</h2> <p class="inverse-default" style="background:#033C73 !important;">Read what real customers have to say</p> </div> <div itemprop="sourceOrganization" itemscope itemtype="https://schema.org/Organization"> <meta itemprop="name" content="Stitch America" /> <meta itemprop="legalName" content="Stitch America Inc." /> <meta itemprop="url" content="https://stitchamerica.com" /> <div class=".d-none .d-sm-block mb-3 container" itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating"> <strong>Composite Rating:</strong> <span itemprop="ratingValue"> 5.0</span> of <span itemprop="bestRating"> 5.0</span> (last <span itemprop="reviewCount">4</span> ratings) </div> <div class="clearfix"></div> <div id="container"> <div class="d-flex flex-wrap justify-content-center"> <div class="review" style="width:290px !important; margin-top:2% !important;" itemprop="review" itemscope itemtype="https://schema.org/Review"> <div> <div class="twitter mb-3"> <div> <img src="/home-images/quotes.webp" height="31" width="31" alt="quotes icon" /> <i itemprop="reviewBody"><em>Great! No complaints!</em></i> </div> </div> <div class="contrib float-right"> - <span itemprop="author" rel="author">"Steve N."</span><br /> <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating"> <meta itemprop="ratingValue" content="5.0" /> <meta itemprop="bestRating" content="5.0" /> <meta itemprop="worstRating" content="0" /> </div> <div> rated <img src='/star-images/5stars.webp' alt='5 stars' width='80' height='16' /></div> <i itemprop="datePublished">October 7, 2025</i> </div> </div> </div> <div class="review" style="width:290px !important; margin-top:2% !important;" itemprop="review" itemscope itemtype="https://schema.org/Review"> <div> <div class="twitter mb-3"> <div> <img src="/home-images/quotes.webp" height="31" width="31" alt="quotes icon" /> <i itemprop="reviewBody"><em>Mary is awesome!!!</em></i> </div> </div> <div class="contrib float-right"> - <span itemprop="author" rel="author">"Patrick W."</span><br /> <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating"> <meta itemprop="ratingValue" content="5.0" /> <meta itemprop="bestRating" content="5.0" /> <meta itemprop="worstRating" content="0" /> </div> <div> rated <img src='/star-images/5stars.webp' alt='5 stars' width='80' height='16' /></div> <i itemprop="datePublished">October 7, 2025</i> </div> </div> </div> <div class="review" style="width:290px !important; margin-top:2% !important;" itemprop="review" itemscope itemtype="https://schema.org/Review"> <div> <div class="twitter mb-3"> <div> <img src="/home-images/quotes.webp" height="31" width="31" alt="quotes icon" /> <i itemprop="reviewBody"><em>Could not be happier. Hats looked better than I expected </em></i> </div> </div> <div class="contrib float-right"> - <span itemprop="author" rel="author">"Jeff H."</span><br /> <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating"> <meta itemprop="ratingValue" content="5.0" /> <meta itemprop="bestRating" content="5.0" /> <meta itemprop="worstRating" content="0" /> </div> <div> rated <img src='/star-images/5stars.webp' alt='5 stars' width='80' height='16' /></div> <i itemprop="datePublished">October 7, 2025</i> </div> </div> </div> <div class="review" style="width:290px !important; margin-top:2% !important;" itemprop="review" itemscope itemtype="https://schema.org/Review"> <div> <div class="twitter mb-3"> <div> <img src="/home-images/quotes.webp" height="31" width="31" alt="quotes icon" /> <i itemprop="reviewBody"><em>Great service! Communication was easy. We will definitely order with yall again. </em></i> </div> </div> <div class="contrib float-right"> - <span itemprop="author" rel="author">"Mary Ashton B."</span><br /> <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating"> <meta itemprop="ratingValue" content="5.0" /> <meta itemprop="bestRating" content="5.0" /> <meta itemprop="worstRating" content="0" /> </div> <div> rated <img src='/star-images/5stars.webp' alt='5 stars' width='80' height='16' /></div> <i itemprop="datePublished">October 7, 2025</i> </div> </div> </div> </div> </div></div> <div class="clearfix"></div> <div class="container"> <div class="mt-2 mb-2"> <p>When you need high-quality custom stitching on hats, shirts, workwear, or anything else, turn to us! Stitch America’s custom embroidery services cover a huge selection of products and we make the process so easy.</p> </div> <a href="/home/testimonials" class="sa-btn">View more testimonials »</a><br /><br /> </div> </div></section> <section class="dark-bg" style="width:100% !important;"> <div id="bestsellers"> <div id="bestsellers" class="container"> <h2 class="pt-2 text-white">Best Selling Products</h2> <p class="inverse-default" style="background:#033C73 !important;">Read what real customers have to say</p> </div> <div id="best-sellers-app" class="sa-bs-wrapper" data-endpoint="https://customcustomersupport.com/webhook/get-best-sellers/" aria-busy="true"> <div class="sa-bs-grid" id="sa-bs-grid" aria-live="polite"> <div class="sa-bs-card sa-skeleton"> <div class="sa-badge"></div> <div class="sa-img sk"></div> <div class="sa-content"> <div class="sk sk-line"></div> <div class="sk sk-line short"></div> <div class="sa-meta"> <span class="sk sk-pill"></span> <span class="sk sk-pill"></span> </div> <div class="sk sa-btn"></div> </div> </div> <div class="sa-bs-card sa-skeleton"> <div class="sa-badge"></div> <div class="sa-img sk"></div> <div class="sa-content"> <div class="sk sk-line"></div> <div class="sk sk-line short"></div> <div class="sa-meta"> <span class="sk sk-pill"></span> <span class="sk sk-pill"></span> </div> <div class="sk sa-btn"></div> </div> </div> <div class="sa-bs-card sa-skeleton"> <div class="sa-badge"></div> <div class="sa-img sk"></div> <div class="sa-content"> <div class="sk sk-line"></div> <div class="sk sk-line short"></div> <div class="sa-meta"> <span class="sk sk-pill"></span> <span class="sk sk-pill"></span> </div> <div class="sk sa-btn"></div> </div> </div> <div class="sa-bs-card sa-skeleton"> <div class="sa-badge"></div> <div class="sa-img sk"></div> <div class="sa-content"> <div class="sk sk-line"></div> <div class="sk sk-line short"></div> <div class="sa-meta"> <span class="sk sk-pill"></span> <span class="sk sk-pill"></span> </div> <div class="sk sa-btn"></div> </div> </div> <div class="sa-bs-card sa-skeleton"> <div class="sa-badge"></div> <div class="sa-img sk"></div> <div class="sa-content"> <div class="sk sk-line"></div> <div class="sk sk-line short"></div> <div class="sa-meta"> <span class="sk sk-pill"></span> <span class="sk sk-pill"></span> </div> <div class="sk sk-btn"></div> </div> </div> </div> <div class="sa-bs-error" id="sa-bs-error" hidden> <div class="sa-error-card"> <div class="sa-error-title">Couldn’t load bestsellers</div> <div class="sa-error-sub">Please refresh the page or try again later.</div> <button type="button" class="sa-btn" id="sa-retry">Retry</button> </div> </div></div> <script> (function () { "use strict"; const root = document.getElementById("best-sellers-app"); if (!root) return; const grid = document.getElementById("sa-bs-grid"); const err = document.getElementById("sa-bs-error"); const retryBtn = document.getElementById("sa-retry"); const endpoint = root.dataset.endpoint || "https://customcustomersupport.com/webhook/get-best-sellers/"; /* Title Case + Brand removal */ function toTitleCase(str) { return String(str).replace(/\w\S*/g, txt => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase() ); } function cleanTitle(title, brand) { let t = String(title || ""); if (brand) { const brandRegex = new RegExp("\\b" + brand + "\\b", "i"); t = t.replace(brandRegex, "").trim(); } return toTitleCase(t.replace(/\s{2,}/g, " ")); } /* Strip HTML from LongDescription */ function stripHtml(str) { if (!str) return ""; return String(str).replace(/<\/?[^>]+(>|$)/g, "").replace(/\s+/g, " ").trim(); } function productLink(prodNo, title) { const safeTitle = String(title || "").toLowerCase() .replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, ""); return "/catalog/product/" + encodeURIComponent(prodNo) + (safeTitle ? ("/" + safeTitle) : ""); } // Corrected imageSrc function to use ProdNo for the image path function imageSrc(largePic, prodNo) { const v = String(largePic || "").trim(); if (/^https?:\/\//i.test(v)) return v; if (!v || v.toLowerCase() === "largepic" || v.toLowerCase() === "placeholder") { if (prodNo) { // Use product number as the filename.jpg return `https://stitchamerica.com/images/${encodeURIComponent(prodNo)}.jpg`; } return ""; } // Fallback for other file names return `https://stitchamerica.com/images/${encodeURIComponent(v)}`; } function render(products) { grid.innerHTML = ""; products.forEach((p, i) => { const card = document.createElement("article"); card.className = "sa-bs-card"; card.setAttribute("data-prodno", p.ProdNo); // --- START LOGIC FOR ON SALE PILL (Overrides Rank) --- // Robust check for sale status (true, "true", or "1") const isOnSale = p.OnSale === true || String(p.OnSale).toLowerCase() === "true" || String(p.OnSale) === "1"; if (isOnSale) { // 1. Red "On Sale" Pill (Highest priority, now positioned top right in CSS) const saleBadge = document.createElement("div"); saleBadge.className = "sa-badge on-sale"; saleBadge.textContent = "On Sale"; card.appendChild(saleBadge); } else { // 2. Original Rank Badge (Only appears if NOT on sale, positioned top left by default CSS) const badge = document.createElement("div"); badge.className = "sa-badge"; badge.textContent = "#" + (Number(p.rank) || i + 1); card.appendChild(badge); } // --- END LOGIC FOR ON SALE PILL --- const imgWrap = document.createElement("a"); imgWrap.className = "sa-img"; imgWrap.href = productLink(p.ProdNo, p.Title); imgWrap.setAttribute("aria-label", p.Title || p.ProdNo); const image = document.createElement("img"); image.loading = "lazy"; image.alt = p.AltTag || (p.Brand ? (p.Brand + " " + p.ProdNo) : p.ProdNo); image.src = imageSrc(p.LargePic, p.ProdNo); imgWrap.appendChild(image); card.appendChild(imgWrap); const content = document.createElement("div"); content.className = "sa-content"; const brand = document.createElement("div"); brand.className = "sa-brand"; brand.textContent = (p.Brand || "").toUpperCase(); content.appendChild(brand); const title = document.createElement("h3"); title.className = "sa-title"; title.textContent = cleanTitle(p.Title || p.ShortDescription || p.ProdNo, p.Brand); content.appendChild(title); if (p.LongDescription) { const desc = document.createElement("div"); desc.className = "sa-desc"; desc.textContent = stripHtml(p.LongDescription); content.appendChild(desc); } const meta = document.createElement("div"); meta.className = "sa-meta"; const price = document.createElement("span"); price.className = "sa-chip sa-price"; // --- LOGIC FOR ON SALE PRICE COLOR --- if (isOnSale) { price.classList.add("on-sale-text"); // Add red color class } // --- END LOGIC FOR ON SALE PRICE COLOR --- /* >>> ONLY CHANGE HERE: ensure " ea." suffix without duplicating <<< */ (function setEa(el, raw) { const base = String(raw || "").replace(/\s*ea\.?$/i, ""); el.textContent = base ? (base + " ea.") : "ea."; })(price, p.Price); meta.appendChild(price); if (p.ColorCount != null) { const colors = document.createElement("span"); colors.className = "sa-chip"; colors.textContent = (p.ColorCount + " colors"); meta.appendChild(colors); } if (p.SizeScale) { const size = document.createElement("span"); size.className = "sa-chip"; size.textContent = String(p.SizeScale).toUpperCase(); meta.appendChild(size); } content.appendChild(meta); const actions = document.createElement("div"); actions.className = "sa-actions"; const viewBtn = document.createElement("a"); viewBtn.className = "sa-btn"; /* uses --accent yellow */ viewBtn.href = productLink(p.ProdNo, p.Title); viewBtn.textContent = "View Product"; actions.appendChild(viewBtn); const skuBtn = document.createElement("button"); skuBtn.type = "button"; skuBtn.className = "sa-btn secondary"; skuBtn.textContent = p.ProdNo || "SKU"; skuBtn.title = "Copy ProdNo"; skuBtn.addEventListener("click", async () => { try { await navigator.clipboard.writeText(p.ProdNo || ""); skuBtn.textContent = "Copied!"; setTimeout(() => skuBtn.textContent = p.ProdNo || "SKU", 1200); } catch { } }); actions.appendChild(skuBtn); content.appendChild(actions); card.appendChild(content); grid.appendChild(card); }); } async function load() { root.setAttribute("aria-busy", "true"); err.hidden = true; try { // --- UPDATED FETCH TO USE POST METHOD --- const res = await fetch(endpoint, { method: "POST", headers: { "Accept": "application/json", // Usually needed for POST requests expecting JSON in return "Content-Type": "application/json" }, // Add an empty JSON body if no specific data is required for the request body: JSON.stringify({}), cache: "no-store" }); // ---------------------------------------- if (!res.ok) throw new Error("HTTP " + res.status); const data = await res.json(); const arr = Array.isArray(data) ? data : []; const sorted = arr.slice().sort((a, b) => (Number(a.rank) || 9999) - (Number(b.rank) || 9999)); /* limit to 2 items on mobile (<=639px), else 5 */ const isMobile = window.matchMedia && window.matchMedia("(max-width: 639px)").matches; const limit = isMobile ? 2 : 5; let top = sorted.slice(0, limit); /* PATCH: Removed the temporary test data injection block. */ render(top); } catch (e) { console.error("Bestsellers fetch error:", e); err.hidden = false; } finally { root.setAttribute("aria-busy", "false"); } } if (retryBtn) retryBtn.addEventListener("click", load); document.addEventListener("DOMContentLoaded", load); })();</script> <div class="clearfix"></div> <div class="container" id="testimonials"> <div class="mt-2 mb-2"> <p></p> </div> <a href="/catalog/bestsellers" class="sa-btn">View more bestsellers »</a><br /><br /> </div> </div></section> <section id="whats-next" class="whats-next lightgray-bg"> <div class="container"> <h2 class="pt-3" style="color: #033C73 !important;">How To Order</h2> <div> <p class="inverse-default" style="background:#033C73 !important;">Follow these steps<small class="d-none d-sm-block"> to get started</small></p> </div> <br /> <div class="flex-row d-none d-md-inline-flex justify-content-between"> <div class="col-sm-3 d-block-flex m-2 p-1 justify-content-start"> <div> <a href="/account/uploadmylogo"><h3 style="color: #033C73 !important;">1. Upload</h3></a></div> <div> <hr /></div> <div> <p class="larger p-1"><strong><a href="/account/uploadmylogo" style="color: #033C73 !important;">Upload</a> your graphic, art, or logo</strong> and we'll provide you a free evaluation within 1 business day.</p></div> </div> <div class="col-sm-3 d-block-flex m-2 p-1"> <div> <h3 style="color: #033C73 !important;"><a style="color: #033C73 !important;" href="/catalog/bestsellers">2. Shop</a></h3></div> <div> <hr /></div> <div> <p class="larger p-1"><strong><a href="/catalog/bestsellers" style="color: #033C73 !important;">Select</a> from our extensive selection of products</strong> to have your art or logo custom embroidered on.</p></div> </div> <div class="col-sm-3 d-block-flex m-2 p-1"> <div> <h3 style="color: #033C73 !important;">3. Order</h3></div> <div> <hr /></div> <div> <p class="larger p-1">Place your order And <strong>we'll send you a proof</strong> of your final design before we begin production of your items.</p></div> </div> <div class="col-sm-3 d-block-flex m-2 p-1"> <div> <h3 style="color: #033C73 !important;">4. Proof</h3></div> <div> <hr /></div> <div> <p class="larger p-1">We'll send a final proof of your design within 4 business days. <strong>If it looks great simply approve it</strong> and we'll start production.</p></div> </div> </div> <div class="flex-row d-block d-md-none"> <div class="col-sm-12 d-block-flex m-2 p-2"> <div> <a href="/account/uploadmylogo"><h2 class="text-center" style="color: #033C73 !important;">1. Upload</h2></a></div> <div> <p class="larger p-1"><strong><a href="/account/uploadmylogo" style="color: #033C73 !important;">Upload</a> your graphic, art, or logo</strong> and we'll provide you a free evaluation within 1 business day.</p></div> <div> <hr /></div> </div> <div class="col-sm-12 d-block-flex m-2 p-2"> <div> <h2 class="text-center"><a href="/catalog/bestsellers" style="color: #033C73 !important;">2. Shop</a></h2></div> <div> <p class="larger p-1"><strong><a href="/catalog/bestsellers" style="color: #033C73 !important;">Select</a> from our extensive selection of products</strong> to have your art or logo custom embroidered on.</p></div> <div> <hr /></div> </div> <div class="col-sm-12 d-block-flex m-2 p-2"> <div> <h2 class="text-center" style="color: #033C73 !important;">3. Order</h2></div> <div> <p class="larger p-1">Place your order And <strong>we'll send you a proof</strong> of your final design before we begin production of your items.</p></div> <div> <hr /></div> </div> <div class="col-sm-12 d-block-flex m-2 p-2"> <div> <h2 class="text-center" style="color: #033C73 !important;">4. Proof</h2></div> <div> <p class="larger p-1">We'll send a final proof of your design within 4 business days. <strong>If it looks great simply approve it</strong> and we'll start production.</p></div> </div> </div> <div> <p class="inverse-default" style="background:#033C73 !important;">We do the rest!</p> </div> <div class="row m-2"> <div class="col-sm-12"> <ul class="wn"> <li>* We send you a proof for approval</li> <li>* We embroider your design to the highest standards</li> <li>* We carefully inspect And package each item in a poly bag</li> <li>* We keep you informed about your order via email</li> <li>* We deliver your order on time And when you want it!</li> </ul> </div> </div> <div> <a href="#" id="upload" class="sa-btn upload-logo mt-3 mb-3" style="color:#000000 !important;">Upload your logo »</a> </div> <br /> </div></section> <section id="whats-included"> <div class="container"> <h2 class="pt-3" style="color: #033C73 !important;">Our Simple Pricing Promise</h2> <div> <p class="inverse-default" style="background:#033C73 !important;">Our Prices Include Everything</p> </div> <div class="row col-sm-12"> <ul class="list-unstyled"> <li>* <strong>Prices are per item and all-inclusive; no hidden charges</strong></li> <li>* Includes embroidery in one location when you order at least 12**</li> <li>* Includes preparation of your designs (no setup fees)</li> <li>* All items are packaged in a protective poly bag!</li> <li>* Delivered on-time and when you need it</li> <li class="indent small"><small> **Up to 12,500 stitches</small></li> </ul> </div> </div></section> <section id="why-stitch-america" class="bg-white"> <div class="container"> <div class="row"> <div class="col-sm-12"> <h2 class="pt-3" style="color: #033C73 !important;">Need the best embroidery?</h2> <p class="inverse-default" style="background:#033C73 !important;">Relax, you've found the source.</p> <p class="lg-text">Welcome to Stitch America, where world-class embroidery is our passion. Not only are we obsessed with quality embroidery, but we also get rave reviews for our customer service. Did you know our goal is to have <strong>the largest selection of embroidered products</strong> on the web? If you're looking for the best value in custom embroidered shirts, headwear, outerwear, jackets, polos, bags and accessories, we've got good news. You've found it.</p> </div> <div class="col-sm-6"> <h3 style="color: #033C73 !important;">Quality. Service. Simple.</h3> <p class="md-text">Our customer service crew draws praise for helpful and thorough attention to our customers. Our production crew has decades of experience in producing the highest quality. We control the entire process from preparing your design all the way through packaging to ensure <strong>the highest quality embroidered products</strong> possible. You’ll be kept informed with updates all along. And best of all, we’ll make sure you have it when you need it.</p> </div> <div class="col-sm-6"> <h3 style="color: #033C73 !important;">No surprises.</h3> <p class="md-text">Above all, we keep it simple and straight forward. Don't you hate it when you get to the end and find there's a hidden charge? Here, there’s <strong>one price that's all inclusive</strong> and it’s plainly displayed for every product. There’s no setup charge when you order at least 12 (personalization not included). So give us a call, we think you’ll be impressed.</p> </div> </div> </div></section> <script> /* Generic slide rotator: find every element with class `js-rotator` and cycle its children that match `.hero-slide, .m-hero-slide`. */ document.addEventListener("DOMContentLoaded", () => { document.querySelectorAll(".js-rotator").forEach((rotator) => { const slides = rotator.querySelectorAll(".hero-slide, .m-hero-slide"); if (!slides.length) return; let i = 0; setInterval(() => { slides[i].classList.remove("active"); i = (i + 1) % slides.length; slides[i].classList.add("active"); }, 5000); // 5 000 ms = 5 s }); });</script> <!--Beginning of Footer--><footer> <div class="bg-primary light-bg d-none d-sm-block"> <div class="container"> <div class="flex-row d-flex"> <div class="d-flex col-lg-2 d-none d-lg-block pe-lg-5"> <a href="/"> <img rel="defer" style="max-width:146px;" width="146" height="107" loading="lazy" src="https://d2zg6owwd9zpf3.cloudfront.net/salogosmall.webp" ci-params="func=fit" alt="Stitch America Flag" ci-do-not-replace-url="true" /> </a> </div> <div class="d-flex col-lg-9 col-sm-12 col-xs-12 col-md-12 mt-2"> <div> <p class="lightblue-headline">It's Quality. It's Service. It's Simple.</p> <p class="lightblue-footer-text"> Our goal is to provide our customers with the best value on embroidered products. We aim to please and we know that you'll love our friendly service, huge selection, great quality and low prices. </p> </div> </div> </div> </div> </div> <div class="dark-bg"> <div class="container"> <div class="flex-row d-none d-md-flex justify-content-between pt-3"> <div class="d-flex d-none d-lg-block"> <ul> <li><a href="/service/returns">Returns</a></li> <li><a href="/service/guarantee">Guarantee</a></li> <li><a href="/service/termsandconditions">Terms of Use</a></li> <li><a href="/service/privacy">Privacy Policy</a></li> <li><a href="/service/security">Security</a></li> </ul> </div> <div class="d-flex d-none d-md-block"> <ul> <li><a href="/account/myaccount">My Account</a></li> <li><a href="/account/myproducts">My Products</a></li> <li><a href="/account/myorders">My Orders</a></li> <li><a href="/account/mydesigns">My Designs</a></li> <li><a href="/account/myartwork">My Artwork</a></li> </ul> </div> <div class="d-block"> <p class="headline text-center"> "Talk to an embroidery expert."<br /> <strong>8:30am - 5:30pm ET</strong><br /> <p class="phonenumber"> <a class="pt-2 align-content-center" href="tel:770-537-4357"><img rel="defer" loading="lazy" src="https://d24bg2vhmgisg5.cloudfront.net/phone2.webp" width="31" height="31" alt="phone icon" aria-label="phone number link" /> 770-537-4357</a> </p> </div> <div class="d-flex d-none d-lg-block"> <ul> <li><a href="/catalog/category/shirts-polos">Polos</a></li> <li><a href="/catalog/category/shirts-t-shirts">T Shirts</a></li> <li><a href="/catalog/category/shirts-denim">Denim Shirts</a></li> <li><a href="/catalog/ladiesshirts">Ladies Shirts</a></li> <li><a href="/catalog/category/headwear-flexfit">Flexfit Hats</a></li> </ul> </div> <div class="d-flex d-none d-md-block"> <ul> <li><a href="/service">Help</a></li> <li><a href="/blog">Blog</a></li> <li><a href="/home/testimonials">Testimonials</a></li> <li><a href="/service/sitemap">Site Map</a></li> </ul> </div> </div> <div class="flex-row d-block d-md-none justify-content-center pt-3"> <p class="headline text-center"> "Talk to an embroidery expert."<br /> <strong>8:00am - 5:00pm ET</strong><br /> <p class="phonenumber"> <a class="pt-1" href="tel:770-537-4357"><img rel="defer" loading="lazy" src="https://d24bg2vhmgisg5.cloudfront.net/phone2.webp" width="31" height="31" alt="phone icon" aria-label="phone link" /> 770-537-4357</a> </p> </div> <div class="d-flex flex-row justify-content-center"> <div class="col-sm-12 credits"> <a href="https://www.facebook.com/stitchamerica" target="_blank" rel="noopener noreferrer"><img rel="defer" loading="lazy" src="https://d24bg2vhmgisg5.cloudfront.net/facebook.webp" width="21" height="21" alt="facebook icon" aria-label="fackebook link" /></a> <a href="https://www.linkedin.com/company/stitch-america-inc/mycompany/" target="_blank" rel="noopener noreferrer"><img rel="defer" loading="lazy" src="https://d24bg2vhmgisg5.cloudfront.net/linkdin.webp" width="21" height="21" alt="linkdin icon" aria-label="linkdin link" /></a> <a href="https://www.youtube.com/@StitchamericaEmbroidery" target="_blank" rel="noopener noreferrer"><img rel="defer" loading="lazy" src="https://d24bg2vhmgisg5.cloudfront.net/youtube.webp" width="21" height="21" alt="youtube icon" aria-label="youtube link" /></a> <a href="https://www.pinterest.com/stitchamerica/" target="_blank" rel="noopener noreferrer"><img rel="defer" loading="lazy" src="https://d24bg2vhmgisg5.cloudfront.net/pinterest.webp" alt="pinterest icon" width="21" height="21" aria-label="pinterest link" /></a> <a href="/service/contact" class="contact-us"><img rel="defer" loading="lazy" src="https://d24bg2vhmgisg5.cloudfront.net/email21.webp" width="21" height="21" alt="email icon" aria-label="email link" /></a> <div class="justify-content-center pt-1"> © Stitch America Inc., All rights reserved., Since 1996 </div> </div> </div> </div> </div></footer> </div> </div> <script rel="defer" src="https://cdn.scaleflex.it/plugins/js-cloudimage-responsive/latest/js-cloudimage-responsive.min.js?func=proxy"></script> <script> const ciResponsive = new window.CIResponsive({ token: 'cdvvuizira', apiVersion: null }); </script> <script src="/scripts/jquery-3.7.1.min.js"></script> <script src="/scripts/stitch-america.min.js"></script> <script src="/bundles/bootstrap?v=dJwGBhkA_dd-KrU850SP249NglVNFpT584TwoTrGVek1"></script> <script src="/bundles/home?v=L4TMFjF9CEPDrXLUhhqnG9f_50meZ4VlDGOyBMHLzjU1"></script> <script async src="/scripts/getwindowsize.min.js"></script> <img rel="defer" class="spinner" src="https://d24bg2vhmgisg5.cloudfront.net/spinner.gif" alt="working ..." /> <script rel="defer"> (() => { const WEBHOOK_URL = "https://customcustomersupport.com/webhook/stitch-search-results"; const RESULTS_PATH = "/search/Index"; const STORAGE_KEY = "stitchSearchResults"; const META_KEY = STORAGE_KEY + ":meta"; const MAX_AGE_MS = 30 * 1000; // cache window for instant handoff function buildResultsUrl(q) { const u = new URL(RESULTS_PATH, location.origin); if (q) u.searchParams.set("q", q); return u.toString(); } function stripFence(s) { const m = String(s || '').match(/```(?:json)?\s*([\s\S]*?)\s*```/i); return m ? m[1] : s; } // Understands your webhook envelopes function extractItemsFromWebhook(json) { try { if (Array.isArray(json) && json[0]?.response?.body) { const body = json[0].response.body; const first = Array.isArray(body) ? body[0] : body; if (first && typeof first.output === 'string') { return JSON.parse(stripFence(first.output)); } } } catch { } if (Array.isArray(json)) return json; if (json && typeof json.output === 'string') { try { return JSON.parse(stripFence(json.output)); } catch { } } if (Array.isArray(json?.items)) return json.items; if (Array.isArray(json?.data)) return json.data; return null; } async function parseAgentResponse(res) { if (!res || res.status === 204) return null; const text = await res.text().catch(() => ""); if (!text.trim()) return null; // Try JSON → extract try { const j = JSON.parse(text.replace(/^\uFEFF/, '')); const items = extractItemsFromWebhook(j); if (items) return items; } catch { } // Try fenced JSON string try { return JSON.parse(stripFence(text)); } catch { } return null; } // Prefer GET (no preflight); fallback to POST if needed async function callWebhook(query) { // GET first try { const url = WEBHOOK_URL + "?q=" + encodeURIComponent(query); const res = await fetch(url, { headers: { "Accept": "application/json" } }); const items = await parseAgentResponse(res); if (items) return items; } catch { } // Fallback: POST (may trigger preflight) try { const res = await fetch(WEBHOOK_URL, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ text: query }) }); return await parseAgentResponse(res); } catch { return null; } } // Event delegation: bind once, no MutationObserver function onSubmit(e) { const form = e.target; if (!(form && form.matches && form.matches('form[data-stitch-search]'))) return; e.preventDefault(); const input = form.querySelector('input[name="q"], input#q'); const q = (input && input.value || "").trim(); (async () => { try { const payload = q ? await callWebhook(q) : null; if (payload != null) { sessionStorage.setItem(STORAGE_KEY, JSON.stringify(payload)); sessionStorage.setItem(META_KEY, JSON.stringify({ q, ts: Date.now() })); } else { sessionStorage.removeItem(STORAGE_KEY); sessionStorage.removeItem(META_KEY); } } finally { location.href = buildResultsUrl(q); } })(); } function init() { document.addEventListener('submit', onSubmit, true); } (document.readyState === 'loading') ? document.addEventListener('DOMContentLoaded', init, { once: true }) : init(); })(); </script> <script type="module" defer> import Chatbot from "https://cdn.n8nchatui.com/v1/pole-embed-yard.js"; // ---------- config you already use ---------- var CHAT_W = 400; var CHAT_H = 600; var LAUNCHER_LEFT = 20; var LAUNCHER_BOTTOM = 20; // ---------- localStorage helpers ---------- var LS_KEY = "sa_chat_lead_v1"; function getLead() { try { return JSON.parse(localStorage.getItem(LS_KEY) || "{}") || {}; } catch (e) { return {}; } } function setLead(v) { localStorage.setItem(LS_KEY, JSON.stringify(v || {})); } // ---------- styles ---------- var css = ".sa-prechat-gate{position:fixed;z-index:2147483000;display:none;width:" + CHAT_W + "px;height:auto;max-width:calc(100vw - 40px);left:auto;right:" + (LAUNCHER_LEFT) + "px;bottom:" + (LAUNCHER_BOTTOM + 90) + "px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.15);font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif}" + ".sa-prechat-head{padding:10px 12px;border-bottom:1px solid #eef2f7;background:#f9fafb;border-radius:12px 12px 0 0;font-weight:600}" + ".sa-prechat-body{padding:12px;display:flex;gap:10px;flex-wrap:wrap}" + ".sa-prechat-body .grp{display:flex;flex-direction:column;gap:6px;min-width:150px;flex:1 1 0}" + ".sa-prechat-body label{font-size:12px;color:#374151}" + ".sa-prechat-body input{height:38px;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;outline:none}" + ".sa-prechat-body input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(147,197,253,.35)}" + ".sa-prechat-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px;border-top:1px solid #eef2f7}" + ".sa-btn{height:38px;border-radius:8px;border:1px solid #ddd;background:#f3f4f6;padding:0 12px;cursor:pointer}" + ".sa-btn.primary{background:#2c9ad9;border-color:#2c9ad9;color:#fff}" + ".sa-btn[disabled]{opacity:.5;cursor:not-allowed}" + ".sa-launcher-block{position:fixed;z-index:2147482000;right:" + (LAUNCHER_LEFT) + "px;bottom:" + (LAUNCHER_BOTTOM) + "px;width:75px;height:75px;border-radius:50%;background:transparent}" + "@media (max-width:480px){.sa-prechat-gate{right:10px;left:10px;width:auto;bottom:" + (LAUNCHER_BOTTOM + 80) + "px}}"; var style = document.createElement("style"); style.textContent = css; document.head.appendChild(style); // ---------- build pre-chat gate ---------- var gate = document.createElement("div"); gate.className = "sa-prechat-gate"; gate.innerHTML = '<div class="sa-prechat-head">Before we start</div>' + '<div class="sa-prechat-body">' + '<div class="grp"><label for="saLeadName">Name</label><input id="saLeadName" type="text" placeholder="Your name"></div>' + '<div class="grp"><label for="saLeadPhone">Phone</label><input id="saLeadPhone" type="tel" placeholder="(555) 123-4567"></div>' + '</div>' + '<div class="sa-prechat-foot">' + '<button class="sa-btn" id="saGateCancel">Cancel</button>' + '<button class="sa-btn primary" id="saGateStart" disabled>Start Chat</button>' + '</div>'; document.body.appendChild(gate); // An invisible blocker that sits on top of the real launcher until we’re ready var blocker = document.createElement("div"); blocker.className = "sa-launcher-block"; document.body.appendChild(blocker); // restore saved values var saved = getLead(); var nameEl = gate.querySelector("#saLeadName"); var phoneEl = gate.querySelector("#saLeadPhone"); if (saved.name) nameEl.value = saved.name; if (saved.phone) phoneEl.value = saved.phone; // simple validators function ok() { var n = (nameEl.value || "").trim(); var p = (phoneEl.value || "").trim(); return n.length >= 2 && p.length >= 7; } function syncButtons() { gate.querySelector("#saGateStart").disabled = !ok(); } nameEl.addEventListener("input", syncButtons); phoneEl.addEventListener("input", syncButtons); syncButtons(); // show gate function openGate() { gate.style.display = "block"; } function closeGate() { gate.style.display = "none"; } // when the fake blocker is clicked, show the gate instead of opening chat blocker.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); openGate(); }); // cancel -> hide gate, keep launcher blocked gate.querySelector("#saGateCancel").addEventListener("click", function () { closeGate(); }); // start -> save lead, set metadata, open chat, remove blocker gate.querySelector("#saGateStart").addEventListener("click", function () { var lead = { name: (nameEl.value || "").trim(), phone: (phoneEl.value || "").trim() }; setLead(lead); try { Chatbot && Chatbot.setMetadata && Chatbot.setMetadata({ lead: lead }); } catch (e) { } closeGate(); // try to open programmatically; fall back to clicking the real launcher var opened = false; try { if (Chatbot && Chatbot.open) { Chatbot.open(); opened = true; } } catch (e) { } if (!opened) { // Try to click the underlying launcher (may live in shadow) // We just remove our blocker and the user can click again if needed } // Allow real launcher to be clickable from now on blocker.parentNode && blocker.parentNode.removeChild(blocker); }); // ---------- init chat (your config) ---------- var initial = getLead(); Chatbot.init({ "n8nChatUrl": "https://customcustomersupport.com/webhook/6ee34599-87e0-46f4-9bbd-88cdd14a7d75/chat", "metadata": { lead: { name: initial.name || "", phone: initial.phone || "" } }, "theme": { "button": { "backgroundColor": "#033c73", "left": LAUNCHER_LEFT, "bottom": LAUNCHER_BOTTOM, "size": 75, "iconColor": "#ffffff", "customIconSrc": "https://stitchamerica.com/home-images/chatagent.webp", "customIconSize": 100, "customIconBorderRadius": 17, "autoWindowOpen": { "autoOpen": false, "openDelay": 2 }, "borderRadius": "rounded" }, "tooltip": { "showTooltip": true, "tooltipMessage": "Custom embroidery is included in our prices. Let me know if you have any questions.", "tooltipBackgroundColor": "#e9ecef", "tooltipTextColor": "#1c1c1c", "tooltipFontSize": 17 }, "chatWindow": { "borderRadiusStyle": "rounded", "avatarBorderRadius": 25, "messageBorderRadius": 6, "showTitle": true, "title": "Stitch America Chat", "titleAvatarSrc": "https://d2zg6owwd9zpf3.cloudfront.net/saflagphoneheader.webp", "avatarSize": 40, "welcomeMessage": "How can I help?", "errorMessage": "Something is wrong. I can't chat right now, I'm sorry.", "backgroundColor": "#ffffff", "height": CHAT_H, "width": CHAT_W, "fontSize": 16, "starterPrompts": ["What is your minimum?", "How long does it take?"], "starterPromptFontSize": 14, "renderHTML": false, "clearChatOnReload": false, "showScrollbar": false, "botMessage": { "backgroundColor": "#2c9ad9", "textColor": "#fafafa", "showAvatar": true, "avatarSrc": "https://stitchamerica.com/home-images/chatagent.webp" }, "userMessage": { "backgroundColor": "#e9ecef", "textColor": "#000000", "showAvatar": true, "avatarSrc": "https://stitchamerica.com/home-images/chatusericon.gif" }, "textInput": { "placeholder": "Enter your question here:", "backgroundColor": "#ffffff", "textColor": "#1e1e1f", "sendButtonColor": "#2c9ad9", "maxChars": 250, "maxCharsWarningMessage": "You exceeded the characters limit. Please input less than 250 characters.", "autoFocus": false, "borderRadius": 6, "sendButtonBorderRadius": 50 }, "footer": { "text": "Powered By", "company": "Stitch America", "companyLink": "https://stitchamerica.com" } } }, "callbackRegistry": { "beforeSubmit": function (args) { var md = (args && args.metadata) ? args.metadata : {}; var latest = getLead(); md.lead = { name: latest.name || "", phone: latest.phone || "" }; return { metadata: md }; } } }); // If the chat auto-opens anywhere, be sure metadata is current try { Chatbot && Chatbot.on && Chatbot.on("open", function () { try { Chatbot.setMetadata && Chatbot.setMetadata({ lead: getLead() }); } catch (e) { } }); } catch (e) { } </script> </body></html> 
