www.baublebar.com Open in urlscan Pro
23.227.38.74  Public Scan

Submitted URL: https://trk.klclick3.com/ls/click?upn=wXkbqrwLwuBHpB2IjCPlU6aQzKIs-2BN3y5Wl-2FRyhFsOv-2FpUelqz5tc7Ib6nYZTRlC48JoaEMwkXrHI...
Effective URL: https://www.baublebar.com/collections/custom-bracelets?variation=B&utm_source=Klaviyo&utm_medium=email&utm_campaign=081723...
Submission: On August 21 via manual from CA — Scanned from CA

Form analysis 5 forms found in the DOM

POST /cart

<form class="Cart Drawer__Content" action="/cart" method="POST" novalidate="">
  <div class="Drawer__Main" data-scrollable="">
    <div class="Cart__ShippingNotice">
      <div class="Drawer__Container">
        <p class="Drawer__ContainerText">Spend <span>$75.00</span> more and get free shipping!</p>
      </div>
    </div>
    <p class="Cart__Empty u-h6">Your cart is empty</p>
  </div>
</form>

Name: GET /search

<form action="/search" name="GET" role="search" class="Search__Form">
  <div class="Search__InputIconWrapper">
    <span class="hidden-tablet-and-up"><svg class="Icon Icon--search " role="presentation" viewBox="0 0 18 17">
        <g transform="translate(1 1)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square">
          <path d="M16 16l-5.0752-5.0752"></path>
          <circle cx="6.4" cy="6.4" r="6.4"></circle>
        </g>
      </svg></span>
    <span class="hidden-phone"><svg class="Icon Icon--search-desktop " role="presentation" viewBox="0 0 21 21">
        <g transform="translate(1 1)" stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="square">
          <path d="M18 18l-5.7096-5.7096"></path>
          <circle cx="7.2" cy="7.2" r="7.2"></circle>
        </g>
      </svg></span>
  </div>
  <input type="search" class="Search__Input" name="q" autocomplete="off" autocorrect="off" autocapitalize="off" aria-label="Search..." placeholder="Search..." autofocus="">
  <input type="hidden" name="type" value="product">
</form>

<form class="filter-form js-filter-form closed" id="filter-form">
  <div class="filter-form__filters-container" data-has_visibility_layer="true">
    <div class="filter-form__filters-item" data-skip="false" data-downcase_filter_label="color" style="order: 5">
      <h3>Color </h3>
      <ul class="ColorSwatchList HorizontalList HorizontalList--spacingTight">
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 10"><input id="@@@@-filter-v-m-filters-colorblack" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Black">
          <label for="@@@@-filter-v-m-filters-colorblack" class="ColorSwatch black" data-tooltip="Black" style="background-color: #000000">
            <div class="visual-display">Black</div>
          </label>
        </li>
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 5"><input id="@@@@-filter-v-m-filters-colorblue" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Blue">
          <label for="@@@@-filter-v-m-filters-colorblue" class="ColorSwatch blue" data-tooltip="Blue" style="background-image: url(//www.baublebar.com/cdn/shop/files/blues_72x72.png?v=1667847038)">
            <div class="visual-display">Blue</div>
          </label>
        </li>
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 9"><input id="@@@@-filter-v-m-filters-colorbrown" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Brown">
          <label for="@@@@-filter-v-m-filters-colorbrown" class="ColorSwatch brown" data-tooltip="Brown" style="background-color: #86644c">
            <div class="visual-display">Brown</div>
          </label>
        </li>
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 12"><input id="@@@@-filter-v-m-filters-colorclear" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Clear">
          <label for="@@@@-filter-v-m-filters-colorclear" class="ColorSwatch clear" data-tooltip="Clear" style="background-color: #e6e6e6">
            <div class="visual-display">Clear</div>
          </label>
        </li>
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 15"><input id="@@@@-filter-v-m-filters-colorgold" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Gold">
          <label for="@@@@-filter-v-m-filters-colorgold" class="ColorSwatch gold" data-tooltip="Gold" style="background-image: url(//www.baublebar.com/cdn/shop/files/golds_72x72.png?v=1667847038)">
            <div class="visual-display">Gold</div>
          </label>
        </li>
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 4"><input id="@@@@-filter-v-m-filters-colorgreen" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Green">
          <label for="@@@@-filter-v-m-filters-colorgreen" class="ColorSwatch green" data-tooltip="Green" style="background-color: #166714">
            <div class="visual-display">Green</div>
          </label>
        </li>
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 16"><input id="@@@@-filter-v-m-filters-colormulti" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Multi">
          <label for="@@@@-filter-v-m-filters-colormulti" class="ColorSwatch multi" data-tooltip="Multi" style="background-image: url(//www.baublebar.com/cdn/shop/files/multi_72x72.png?v=1667847038)">
            <div class="visual-display">Multi</div>
          </label>
        </li>
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 2"><input id="@@@@-filter-v-m-filters-colororange" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Orange">
          <label for="@@@@-filter-v-m-filters-colororange" class="ColorSwatch orange" data-tooltip="Orange" style="background-color: #e27e2e">
            <div class="visual-display">Orange</div>
          </label>
        </li>
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 7"><input id="@@@@-filter-v-m-filters-colorpink" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Pink">
          <label for="@@@@-filter-v-m-filters-colorpink" class="ColorSwatch pink" data-tooltip="Pink" style="background-image: url(//www.baublebar.com/cdn/shop/files/pinks_72x72.png?v=1667847038)">
            <div class="visual-display">Pink</div>
          </label>
        </li>
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 6"><input id="@@@@-filter-v-m-filters-colorpurple" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Purple">
          <label for="@@@@-filter-v-m-filters-colorpurple" class="ColorSwatch purple" data-tooltip="Purple" style="background-color: #5c3881">
            <div class="visual-display">Purple</div>
          </label>
        </li>
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 17"><input id="@@@@-filter-v-m-filters-colorrainbow" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Rainbow">
          <label for="@@@@-filter-v-m-filters-colorrainbow" class="ColorSwatch rainbow" data-tooltip="Rainbow" style="background-image: url(//www.baublebar.com/cdn/shop/files/rainbow_72x72.png?v=1667851483)">
            <div class="visual-display">Rainbow</div>
          </label>
        </li>
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 1"><input id="@@@@-filter-v-m-filters-colorred" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Red">
          <label for="@@@@-filter-v-m-filters-colorred" class="ColorSwatch red" data-tooltip="Red" style="background-color: #b20101">
            <div class="visual-display">Red</div>
          </label>
        </li>
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 14"><input id="@@@@-filter-v-m-filters-colorrose-gold" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Rose Gold">
          <label for="@@@@-filter-v-m-filters-colorrose-gold" class="ColorSwatch rose gold" data-tooltip="Rose Gold" style="background-image: url(//www.baublebar.com/cdn/shop/files/rose_gold_72x72.png?v=1667847033)">
            <div class="visual-display">Rose Gold</div>
          </label>
        </li>
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 13"><input id="@@@@-filter-v-m-filters-colorsilver" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Silver">
          <label for="@@@@-filter-v-m-filters-colorsilver" class="ColorSwatch silver" data-tooltip="Silver" style="background-image: url(//www.baublebar.com/cdn/shop/files/silver_72x72.png?v=1667847038)">
            <div class="visual-display">Silver</div>
          </label>
        </li>
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 11"><input id="@@@@-filter-v-m-filters-colorwhite" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="White">
          <label for="@@@@-filter-v-m-filters-colorwhite" class="ColorSwatch white" data-tooltip="White" style="background-color: #f7f7f7">
            <div class="visual-display">White</div>
          </label>
        </li>
        <li class="HorizontalList__Item ColorSwatchList__item" data-skip="false" style="order: 3"><input id="@@@@-filter-v-m-filters-coloryellow" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Yellow">
          <label for="@@@@-filter-v-m-filters-coloryellow" class="ColorSwatch yellow" data-tooltip="Yellow" style="background-color: #fbd75b">
            <div class="visual-display">Yellow</div>
          </label>
        </li>
      </ul>
    </div>
    <div class="filter-form__filters-item" data-skip="false" data-downcase_filter_label="metal" style="order: 2">
      <h3>Metal </h3>
      <ul class="filter-group-display filter-group-display__metal-filtering-list ">
        <li class="filter-group-display__metal-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.v.m.filters.metal" value="14K Solid Gold" id="Filter-filter.v.m.filters.metal-1" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.v.m.filters.metal-1">
            <span class="item-label__span"> 14K Solid Gold </span>
          </label>
        </li>
        <li class="filter-group-display__metal-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.v.m.filters.metal" value="Gold Plated Brass" id="Filter-filter.v.m.filters.metal-2" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.v.m.filters.metal-2">
            <span class="item-label__span"> Gold Plated Brass </span>
          </label>
        </li>
        <li class="filter-group-display__metal-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.v.m.filters.metal" value="Gold Plated Sterling Silver" id="Filter-filter.v.m.filters.metal-3" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.v.m.filters.metal-3">
            <span class="item-label__span"> Gold Plated Sterling Silver </span>
          </label>
        </li>
      </ul>
    </div>
    <div class="filter-form__filters-item" data-skip="false" data-downcase_filter_label="bracelet-size" style="order: 1">
      <h3>Bracelet Size </h3>
      <ul class="filter-group-display filter-group-display__bracelet-size-filtering-list ">
        <li class="filter-group-display__bracelet-size-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.v.m.filters.bracelet_size" value="5&quot;-6&quot;" id="Filter-filter.v.m.filters.bracelet_size-1" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.v.m.filters.bracelet_size-1">
            <span class="item-label__span"> 5"-6" </span>
          </label>
        </li>
        <li class="filter-group-display__bracelet-size-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.v.m.filters.bracelet_size" value="6&quot;-7&quot;" id="Filter-filter.v.m.filters.bracelet_size-2" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.v.m.filters.bracelet_size-2">
            <span class="item-label__span"> 6"-7" </span>
          </label>
        </li>
        <li class="filter-group-display__bracelet-size-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.v.m.filters.bracelet_size" value="7&quot;-8&quot;" id="Filter-filter.v.m.filters.bracelet_size-3" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.v.m.filters.bracelet_size-3">
            <span class="item-label__span"> 7"-8" </span>
          </label>
        </li>
      </ul>
    </div>
    <div class="filter-form__filters-item" data-skip="false" data-downcase_filter_label="material" style="order: 3">
      <h3>Material </h3>
      <ul class="filter-group-display filter-group-display__material-filtering-list ">
        <li class="filter-group-display__material-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.p.m.filters.material" value="Cord" id="Filter-filter.p.m.filters.material-1" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.p.m.filters.material-1">
            <span class="item-label__span"> Cord </span>
          </label>
        </li>
        <li class="filter-group-display__material-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.p.m.filters.material" value="Cubic Zirconia" id="Filter-filter.p.m.filters.material-2" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.p.m.filters.material-2">
            <span class="item-label__span"> Cubic Zirconia </span>
          </label>
        </li>
        <li class="filter-group-display__material-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.p.m.filters.material" value="Enamel" id="Filter-filter.p.m.filters.material-3" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.p.m.filters.material-3">
            <span class="item-label__span"> Enamel </span>
          </label>
        </li>
        <li class="filter-group-display__material-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.p.m.filters.material" value="Glass Stones" id="Filter-filter.p.m.filters.material-4" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.p.m.filters.material-4">
            <span class="item-label__span"> Glass Stones </span>
          </label>
        </li>
      </ul>
    </div>
    <div class="filter-form__filters-item" data-skip="false" data-downcase_filter_label="style" style="order: 4">
      <h3>Style </h3>
      <ul class="filter-group-display filter-group-display__style-filtering-list ">
        <li class="filter-group-display__style-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.p.m.filters.style" value="Chain" id="Filter-filter.p.m.filters.style-1" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.p.m.filters.style-1">
            <span class="item-label__span"> Chain </span>
          </label>
        </li>
        <li class="filter-group-display__style-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.p.m.filters.style" value="Cuff" id="Filter-filter.p.m.filters.style-2" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.p.m.filters.style-2">
            <span class="item-label__span"> Cuff </span>
          </label>
        </li>
        <li class="filter-group-display__style-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.p.m.filters.style" value="Link" id="Filter-filter.p.m.filters.style-3" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.p.m.filters.style-3">
            <span class="item-label__span"> Link </span>
          </label>
        </li>
        <li class="filter-group-display__style-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.p.m.filters.style" value="Pull Tie" id="Filter-filter.p.m.filters.style-4" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.p.m.filters.style-4">
            <span class="item-label__span"> Pull Tie </span>
          </label>
        </li>
        <li class="filter-group-display__style-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.p.m.filters.style" value="Stretch" id="Filter-filter.p.m.filters.style-5" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.p.m.filters.style-5">
            <span class="item-label__span"> Stretch </span>
          </label>
        </li>
        <li class="filter-group-display__style-filtering-list__item Form__Item">
          <input type="checkbox" name="filter.p.m.filters.style" value="Tennis" id="Filter-filter.p.m.filters.style-6" class="Form__Checkbox">
          <svg class="Icon Icon--checkmark " role="presentation" viewBox="0 0 24 24">
            <polygon fill="currentColor" points="9,20 2,13 5,10 9,14 19,4 22,7 "></polygon>
          </svg>
          <label class="item-label" for="Filter-filter.p.m.filters.style-6">
            <span class="item-label__span"> Tennis </span>
          </label>
        </li>
      </ul>
    </div>
  </div>
  <div class="filter-form__submit">
    <button class="filter-form__submit-btn Button--secondary" type="submit" role="button" disabled="">Apply</button>
  </div>
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-SQkt4G" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; border-radius: 0px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position-y: 50%; padding: 13px 40px 15px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 12px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 6px 10px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span style="font-size: 11px;"><span
                style="color: #000000; font-family: Mulish, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;">LET'S STAY IN TOUCH! </span><span
                style="color: #000000; font-family: Mulish, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;">SIGN UP FOR EMAILS:&nbsp;</span></span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 5px 6px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_70769864" class="needsclick go2102838369 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="Email" aria-label="Email" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 40px; text-align: left; color: rgb(0, 0, 0); font-family: Mulish, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(96, 106, 114);">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 6px; position: relative; flex: 1 0 0px;"><button
          class="needsclick go952291206 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(219, 219, 219); border-radius: 0px; border-style: none; border-color: rgb(21, 117, 81); border-width: 2px; color: rgb(0, 0, 0); font-family: Kanit-Klaviyo-Hosted, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 40px; width: 100%;">SUBSCRIBE</button>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span class="ql-font-kanit"
              style="font-size: 11px; color: #373f47; font-family: Mulish, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;">Want early access? Sign up for texts! Text <span style="font-weight: bold;">JOIN</span> to <span
                style="font-weight: bold;">72014</span>&nbsp;</span></p>
        </div>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_2 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-SQkt4G" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; border-radius: 0px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position-y: 50%; padding: 13px 40px 15px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 12px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 6px 10px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span style="font-size: 11px;"><span
                style="color: #000000; font-family: Mulish, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;">LET'S STAY IN TOUCH! </span><span
                style="color: #000000; font-family: Mulish, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;">SIGN UP FOR EMAILS:&nbsp;</span></span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 5px 6px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_70769864" class="needsclick go2102838369 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="Email" aria-label="Email" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 40px; text-align: left; color: rgb(0, 0, 0); font-family: Mulish, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(96, 106, 114);">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 6px; position: relative; flex: 1 0 0px;"><button
          class="needsclick go952291206 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(219, 219, 219); border-radius: 0px; border-style: none; border-color: rgb(21, 117, 81); border-width: 2px; color: rgb(0, 0, 0); font-family: Kanit-Klaviyo-Hosted, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 40px; width: 100%;">SUBSCRIBE</button>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span class="ql-font-kanit"
              style="font-size: 11px; color: #373f47; font-family: Mulish, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;">Want early access? Sign up for texts! Text <span style="font-weight: bold;">JOIN</span> to <span
                style="font-weight: bold;">72014</span>&nbsp;</span></p>
        </div>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

Text Content

Skip to content


New Arrivals
Shop New Arrivals
 * All New Arrivals
 * The Fall Edit
 * Shop Halloween
 * Shop Disney Halloween

Shop All Halloween
Disney Halloween
Custom Bracelets
Fine Jewelry
Best Sellers
Jewelry
Categories
 * Earrings
 * Bracelets
 * Necklaces
 * Rings
 * Anklets
 * Shop All Jewelry

Custom Jewelry
 * Custom Bracelets
 * Initials & Nameplates

Collections
 * Halloween
 * Holiday Early Access

Halloween
Stacking Bracelets
Symbolic Jewelry
Layering Jewelry
Fine
Categories
 * Earrings
 * Bracelets
 * Necklaces
 * Rings
 * Pre-Styled Sets
 * Shop All Fine Jewelry

Collections
 * Tennis
 * Medallions
 * Hoops & Huggies
 * Personalized Fine Jewelry

Best-Selling Fine Jewelry
Tennis
Custom Fine Jewelry
Custom
Jewelry
 * Bracelets
 * Nameplates
 * Fine Jewelry
 * Ready to Ship
 * Bulk Order

Accessories
 * Blankets
 * Phone Cases
 * Hair Brushes
 * Ornaments

Best-Selling Custom
Blankets
Nameplates
Bracelets
Blankets
Shop Blankets
 * Custom Blankets
 * Ready to Ship Blankets
 * Bulk Order Blankets

Collections
 * Kids' Blankets
 * Disney Blankets
 * NFL Blankets
 * NBA Blankets

Custom Blankets
Ready to Ship Blankets
Kids' Blankets
Phone Cases
Collections
 * Custom Phone Cases
 * Get Inspired

Shop By Phone
 * iPhone 12 Models
 * iPhone 13 Models
 * iPhone 14 Models
 * All iPhone Models

Custom Phone Cases
Kids
Categories
 * Jewelry & Hair
 * Custom Blankets
 * Custom Placemats
 * Shop All Kids

Halloween Collection
Jewelry & Hair
Custom Blankets
Shop All Kids
Disney
Categories
 * Jewelry
 * Bag Charms
 * Home Decor
 * Shop All Disney

Characters
 * Mickey Mouse
 * Minnie Mouse
 * Sensational Six
 * Princess & Villains
 * Toy Story

Collections
 * Disney Halloween
 * Disney Holiday Early Access

Disney Halloween
Everyday Disney
Disney Bag Charms
Mickey NFL Bag Charms
Sports
Sports
 * NFL
 * MLB
 * NBA

NFL Collection
MLB Collection
NBA Collection
NFL Custom Blankets
Mickey NFL Bag Charms
Gifts
Collections
 * Ready to Ship Personalized
 * Best-Selling Gifts
 * Fine Gifts
 * Custom Gifts
 * Disney Gifts
 * Kids' Gifts
 * Gift Cards

Best Selling Gifts
Bulk Order Blankets
Sale
Shop Sale
 * Shop All Sale
 * Fine Jewelry Sale
 * Disney Sale


 * Account

 * 
 * 
 * 
 * 

Cart

Spend $75.00 more and get free shipping!

Your cart is empty

20% OFF 2+ BRACELETS: Craft the perfect set of wristwear with code STACKING20
PACK YOUR BAGS✈️: $20 travel cases for all your upcoming trips ALL NEW & JUST
FOR YOU: Shop 100s of our latest new arrivals BACK TO SCHOOL WITH MINIBAR📚:
Stock up on our latest styles for the upcoming first day
PreviousNext
View slide 1View slide 2View slide 3View slide 4
 * New Arrivals New Arrivals
   Shop New Arrivals
    * All New Arrivals
    * The Fall Edit
    * Shop Halloween
    * Shop Disney Halloween
   
   Shop All Halloween
   Disney Halloween
   Custom Bracelets
   Fine Jewelry
 * Best Sellers Best Sellers
 * Jewelry Jewelry
   Categories
    * Earrings
    * Bracelets
    * Necklaces
    * Rings
    * Anklets
    * Shop All Jewelry
   
   Custom Jewelry
    * Custom Bracelets
    * Initials & Nameplates
   
   Collections
    * Halloween
    * Holiday Early Access
   
   Halloween
   Stacking Bracelets
   Symbolic Jewelry
   Layering Jewelry
 * Fine Fine
   Categories
    * Earrings
    * Bracelets
    * Necklaces
    * Rings
    * Pre-Styled Sets
    * Shop All Fine Jewelry
   
   Collections
    * Tennis
    * Medallions
    * Hoops & Huggies
    * Personalized Fine Jewelry
   
   Best-Selling Fine Jewelry
   Tennis
   Custom Fine Jewelry
 * Custom Custom
   Jewelry
    * Bracelets
    * Nameplates
    * Fine Jewelry
    * Ready to Ship
    * Bulk Order
   
   Accessories
    * Blankets
    * Phone Cases
    * Hair Brushes
    * Ornaments
   
   Best-Selling Custom
   Blankets
   Nameplates
   Bracelets
 * Blankets Blankets
   Shop Blankets
    * Custom Blankets
    * Ready to Ship Blankets
    * Bulk Order Blankets
   
   Collections
    * Kids' Blankets
    * Disney Blankets
    * NFL Blankets
    * NBA Blankets
   
   Custom Blankets
   Ready to Ship Blankets
   Kids' Blankets
 * Phone Cases Phone Cases
   Collections
    * Custom Phone Cases
    * Get Inspired
   
   Shop By Phone
    * iPhone 12 Models
    * iPhone 13 Models
    * iPhone 14 Models
    * All iPhone Models
   
   Custom Phone Cases
 * Kids Kids
   Categories
    * Jewelry & Hair
    * Custom Blankets
    * Custom Placemats
    * Shop All Kids
   
   Halloween Collection
   Jewelry & Hair
   Custom Blankets
   Shop All Kids
 * Disney Disney
   Categories
    * Jewelry
    * Bag Charms
    * Home Decor
    * Shop All Disney
   
   Characters
    * Mickey Mouse
    * Minnie Mouse
    * Sensational Six
    * Princess & Villains
    * Toy Story
   
   Collections
    * Disney Halloween
    * Disney Holiday Early Access
   
   Disney Halloween
   Everyday Disney
   Disney Bag Charms
   Mickey NFL Bag Charms
 * Sports Sports
   Sports
    * NFL
    * MLB
    * NBA
   
   NFL Collection
   MLB Collection
   NBA Collection
   NFL Custom Blankets
   Mickey NFL Bag Charms
 * Gifts Gifts
   Collections
    * Ready to Ship Personalized
    * Best-Selling Gifts
    * Fine Gifts
    * Custom Gifts
    * Disney Gifts
    * Kids' Gifts
    * Gift Cards
   
   Best Selling Gifts
   Bulk Order Blankets
 * Sale Sale
   Shop Sale
    * Shop All Sale
    * Fine Jewelry Sale
    * Disney Sale





CUSTOM BRACELETS

You design it, we make it. BaubleBar is your customization destination. Shop our
best-selling collection of custom jewelry, including custom bracelets,
personalized name & initial bracelets, custom crystal bracelets, tennis
bracelets, and gold chain bracelets. They're the perfect gift for a loved one
(or for yourself).



CUSTOM BRACELETS

You design it, we make it. BaubleBar is your customization destination. Shop our
best-selling collection of custom jewelry, including custom bracelets,
personalized name & initial bracelets, custom crystal bracelets, tennis
bracelets, and gold chain bracelets. They're the perfect gift for a loved one
(or for yourself). ...more less
Sort By:
Featured Price: Low - High Price: High - Low Newest
Filters


COLOR

 * Black
 * Blue
 * Brown
 * Clear
 * Gold
 * Green
 * Multi
 * Orange
 * Pink
 * Purple
 * Rainbow
 * Red
 * Rose Gold
 * Silver
 * White
 * Yellow


METAL

 * 14K Solid Gold
 * Gold Plated Brass
 * Gold Plated Sterling Silver


BRACELET SIZE

 * 5"-6"
 * 6"-7"
 * 7"-8"


MATERIAL

 * Cord
 * Cubic Zirconia
 * Enamel
 * Glass Stones


STYLE

 * Chain
 * Cuff
 * Link
 * Pull Tie
 * Stretch
 * Tennis

Apply


EAST WEST CUSTOM BRACELET

Customizable bracelet

$58
Ships In 3 Weeks



METALLIC CUSTOM WOVEN FRIENDSHIP BRACELET

Customizable bracelet

$40
Ships In 4 Weeks


CUSTOM CORD BRACELET

Customizable bracelet

$38
Ships In 3 Weeks


18K GOLD MINI INITIAL CUSTOM BRACELET

18K Gold Plated Sterling Silver, Cubic Zirconia stones

$128
Ships In 4 Weeks


CUSTOM WOVEN FRIENDSHIP BRACELET

Customizable bracelet

$40
Ships In 3 Weeks


CUSTOM SLIDER BRACELET

Customizable bracelet

$58
Ships In 2 Weeks


CUSTOM TENNIS BRACELET

Custom eternity bracelet

$68
Ships In 3 Weeks


MINI 18K GOLD CUSTOM SPACED LETTER NAME BRACELET

18K Gold Plated Sterling Silver

$118
Ships In 4 Weeks



JELLY CUSTOM SLIDER BRACELET

Customizable bracelet

$42
Ships In 2 Weeks


INITIAL BEADED SLIDER BRACELET

Adjustable pull-tie bracelet

$42



CUSTOM WOVEN FRIENDSHIP BRACELET

Customizable bracelet

$40
Ships In 3 Weeks


18K GOLD ANGEL NUMBER CUSTOM NAMEPLATE BRACELET

18K Gold Plated Sterling Silver, Cubic Zirconia stones

From $118
Ships In 4 Weeks


EAST WEST INITIAL CORD BRACELET

Initial bracelet

$30



SAY IT ALL SLIDER BRACELET

Adjustable pull-tie bracelet - 19 different phrases available

$34



CUSTOM WOVEN FRIENDSHIP BRACELET

Customizable bracelet

$40
Ships In 3 Weeks


CUSTOM WOVEN FRIENDSHIP BRACELET

Customizable bracelet

$40
Ships In 3 Weeks


JELLY CUSTOM SLIDER BRACELET

Customizable bracelet

$42
Ships In 2 Weeks


EAST WEST INITIAL CORD BRACELET

Initial bracelet

$30



CUSTOM TRAILBLAZER BRACELET

Customizable bracelet

$42
Ships In 2 Weeks


CUSTOM SLIDER BRACELET

Customizable bracelet

$58
Ships In 2 Weeks


CUSTOM PISA BRACELET - RAINBOW ENAMEL

Customizable bracelet - Also offered in small wrist sizes

$38
Ships In 2 Weeks


CUSTOM WOVEN FRIENDSHIP BRACELET

Customizable bracelet

$40
Ships In 3 Weeks


CUSTOM WOVEN FRIENDSHIP BRACELET

Customizable bracelet

$40
Ships In 3 Weeks


CUSTOM WOVEN FRIENDSHIP BRACELET

Customizable bracelet

$40
Ships In 3 Weeks

Loading More


MEET BAUBLEBAR

 * About Us
 * Coming Soon
 * Find Us In Stores
 * Gift Cards
 * Careers


CUSTOMER CARE

 * Shipping & Returns
 * FAQ


CONTACT US

 * Get Help
 * Work With Us
 * Bulk Order


THE EDIT

 * Blog

LET'S STAY IN TOUCH! SIGN UP FOR EMAILS: 


SUBSCRIBE

Want early access? Sign up for texts! Text JOIN to 72014 

 * 
 * 
 * 
 * 

LET'S STAY IN TOUCH! SIGN UP FOR EMAILS: 


SUBSCRIBE

Want early access? Sign up for texts! Text JOIN to 72014 

© BaubleBar
 * 
 * 
 * 
 *