www.baublebar.com
Open in
urlscan Pro
2620:127:f00f:e::
Public Scan
Submitted URL: https://ctrk.klclick.com/l/01JA0Q22RGBXJR3MEH6XMHMTX5_4
Effective URL: https://www.baublebar.com/collections/best-sellers?utm_source=Klaviyo&utm_medium=email&utm_campaign=101224_Custom%20Event%...
Submission: On November 15 via manual from US — Scanned from DE
Effective URL: https://www.baublebar.com/collections/best-sellers?utm_source=Klaviyo&utm_medium=email&utm_campaign=101224_Custom%20Event%...
Submission: On November 15 via manual from US — Scanned from DE
Form analysis 6 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: 4">
<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: 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: 8"><input id="@@@@-filter-v-m-filters-colorneutral" class="ColorSwatch__Radio" type="checkbox" name="filter.v.m.filters.color" value="Neutral">
<label for="@@@@-filter-v-m-filters-colorneutral" class="ColorSwatch neutral" data-tooltip="Neutral" style="background-image: url(//www.baublebar.com/cdn/shop/files/neutrals_72x72.png?v=1667847038)">
<div class="visual-display">Neutral</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: 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="product-type" style="order: 1">
<h3>Product type</h3>
<ul class="filter-group-display filter-group-display__product-type-list ">
<li class="filter-group-display__product-type-list__item Form__Item">
<input type="checkbox" name="filter.p.product_type" value="Blankets" id="Filter-filter.p.product_type-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.product_type-1">
<span class="item-label__span"> Blankets </span>
</label>
</li>
<li class="filter-group-display__product-type-list__item Form__Item">
<input type="checkbox" name="filter.p.product_type" value="Bracelets" id="Filter-filter.p.product_type-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.product_type-2">
<span class="item-label__span"> Bracelets </span>
</label>
</li>
<li class="filter-group-display__product-type-list__item Form__Item">
<input type="checkbox" name="filter.p.product_type" value="Earrings" id="Filter-filter.p.product_type-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.product_type-3">
<span class="item-label__span"> Earrings </span>
</label>
</li>
<li class="filter-group-display__product-type-list__item Form__Item">
<input type="checkbox" name="filter.p.product_type" value="Frame" id="Filter-filter.p.product_type-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.product_type-4">
<span class="item-label__span"> Frame </span>
</label>
</li>
<li class="filter-group-display__product-type-list__item Form__Item">
<input type="checkbox" name="filter.p.product_type" value="Hair Accessories" id="Filter-filter.p.product_type-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.product_type-5">
<span class="item-label__span"> Hair Accessories </span>
</label>
</li>
<li class="filter-group-display__product-type-list__item Form__Item">
<input type="checkbox" name="filter.p.product_type" value="Necklaces" id="Filter-filter.p.product_type-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.product_type-6">
<span class="item-label__span"> Necklaces </span>
</label>
</li>
<li class="filter-group-display__product-type-list__item Form__Item">
<input type="checkbox" name="filter.p.product_type" value="Ornaments" id="Filter-filter.p.product_type-7" 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.product_type-7">
<span class="item-label__span"> Ornaments </span>
</label>
</li>
<li class="filter-group-display__product-type-list__item Form__Item">
<input type="checkbox" name="filter.p.product_type" value="Phone Cases" id="Filter-filter.p.product_type-8" 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.product_type-8">
<span class="item-label__span"> Phone Cases </span>
</label>
</li>
<li class="filter-group-display__product-type-list__item Form__Item">
<input type="checkbox" name="filter.p.product_type" value="Rings" id="Filter-filter.p.product_type-9" 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.product_type-9">
<span class="item-label__span"> Rings </span>
</label>
</li>
<li class="filter-group-display__product-type-list__item Form__Item">
<input type="checkbox" name="filter.p.product_type" value="Storage" id="Filter-filter.p.product_type-10" 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.product_type-10">
<span class="item-label__span"> Storage </span>
</label>
</li>
<li class="filter-group-display__product-type-list__item Form__Item">
<input type="checkbox" name="filter.p.product_type" value="Tote" id="Filter-filter.p.product_type-11" 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.product_type-11">
<span class="item-label__span"> Tote </span>
</label>
</li>
</ul>
</div>
<div class="filter-form__filters-item" data-skip="false" data-downcase_filter_label="metal" style="order: 3">
<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 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 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="18K Gold" 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"> 18K 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" 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 </span>
</label>
</li>
<li class="filter-group-display__metal-filtering-list__item Form__Item">
<input type="checkbox" name="filter.v.m.filters.metal" value="Silver" id="Filter-filter.v.m.filters.metal-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.v.m.filters.metal-4">
<span class="item-label__span"> Silver </span>
</label>
</li>
</ul>
</div>
<div class="filter-form__filters-item" data-skip="false" data-downcase_filter_label="ring-size" style="order: 6">
<h3>Ring Size </h3>
<ul class="filter-group-display filter-group-display__ring-size-filtering-list ">
<li class="filter-group-display__ring-size-filtering-list__item Form__Item">
<input type="checkbox" name="filter.v.m.filters.ring_size" value="3" id="Filter-filter.v.m.filters.ring_size-1" class="">
<label class="item-label" for="Filter-filter.v.m.filters.ring_size-1">
<span class="item-label__span"> 3 </span>
</label>
</li>
<li class="filter-group-display__ring-size-filtering-list__item Form__Item">
<input type="checkbox" name="filter.v.m.filters.ring_size" value="4" id="Filter-filter.v.m.filters.ring_size-2" class="">
<label class="item-label" for="Filter-filter.v.m.filters.ring_size-2">
<span class="item-label__span"> 4 </span>
</label>
</li>
<li class="filter-group-display__ring-size-filtering-list__item Form__Item">
<input type="checkbox" name="filter.v.m.filters.ring_size" value="5" id="Filter-filter.v.m.filters.ring_size-3" class="">
<label class="item-label" for="Filter-filter.v.m.filters.ring_size-3">
<span class="item-label__span"> 5 </span>
</label>
</li>
<li class="filter-group-display__ring-size-filtering-list__item Form__Item">
<input type="checkbox" name="filter.v.m.filters.ring_size" value="6" id="Filter-filter.v.m.filters.ring_size-4" class="">
<label class="item-label" for="Filter-filter.v.m.filters.ring_size-4">
<span class="item-label__span"> 6 </span>
</label>
</li>
<li class="filter-group-display__ring-size-filtering-list__item Form__Item">
<input type="checkbox" name="filter.v.m.filters.ring_size" value="7" id="Filter-filter.v.m.filters.ring_size-5" class="">
<label class="item-label" for="Filter-filter.v.m.filters.ring_size-5">
<span class="item-label__span"> 7 </span>
</label>
</li>
<li class="filter-group-display__ring-size-filtering-list__item Form__Item">
<input type="checkbox" name="filter.v.m.filters.ring_size" value="8" id="Filter-filter.v.m.filters.ring_size-6" class="">
<label class="item-label" for="Filter-filter.v.m.filters.ring_size-6">
<span class="item-label__span"> 8 </span>
</label>
</li>
<li class="filter-group-display__ring-size-filtering-list__item Form__Item">
<input type="checkbox" name="filter.v.m.filters.ring_size" value="9" id="Filter-filter.v.m.filters.ring_size-7" class="">
<label class="item-label" for="Filter-filter.v.m.filters.ring_size-7">
<span class="item-label__span"> 9 </span>
</label>
</li>
<li class="filter-group-display__ring-size-filtering-list__item Form__Item">
<input type="checkbox" name="filter.v.m.filters.ring_size" value="10" id="Filter-filter.v.m.filters.ring_size-8" class="">
<label class="item-label" for="Filter-filter.v.m.filters.ring_size-8">
<span class="item-label__span"> 10 </span>
</label>
</li>
<li class="filter-group-display__ring-size-filtering-list__item Form__Item">
<input type="checkbox" name="filter.v.m.filters.ring_size" value="11" id="Filter-filter.v.m.filters.ring_size-9" class="">
<label class="item-label" for="Filter-filter.v.m.filters.ring_size-9">
<span class="item-label__span"> 11 </span>
</label>
</li>
</ul>
</div>
<div class="filter-form__filters-item" data-skip="false" data-downcase_filter_label="bracelet-size" style="order: 7">
<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"-6"" 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"-7"" 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"-8"" 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: 5">
<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="Enamel" 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"> 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="Semi-Precious" 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"> Semi-Precious </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 aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_1 go417382439 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-SVXrUq" novalidate=""
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: 9px 5px 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 5px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000003CRP74" 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 AND TEXTS:</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 2px; 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_016JB91TTR00000000003CRP75" class="needsclick go2731775666 kl-private-reset-css-Xuajs1"
type="email" autocomplete="email" name="email" tabindex="0" placeholder="Email" aria-label="Email" aria-required="true" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 30px; text-align: left; color: rgb(0, 0, 0); font-family: Mulish, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; 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: 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;">
<div class="needsclick go4155560000 kl-private-reset-css-Xuajs1"
style="display: flex; flex-direction: row; box-sizing: border-box; border-radius: 0px; padding: 0px; height: 30px; text-align: left; font-family: Mulish, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(96, 106, 114);">
<button class="needsclick go570198606 kl-private-reset-css-Xuajs1" aria-label="Search Countries" type="button" role="combobox" aria-haspopup="listbox" aria-expanded="false"
style="display: flex; flex-direction: row; align-items: center; justify-content: space-between; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0); border-top-left-radius: 0px; border-bottom-left-radius: 0px; width: 52px; height: 28px; cursor: pointer; padding-left: 10px;"><img
aria-label="United States" title="United States" src="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/4.1.4/flags/4x3/us.svg"
style="display: inline-block; width: 1em; height: 1em; vertical-align: middle; border-radius: 3px;"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="" transform=""
style="fill: rgb(96, 106, 114);">
<path
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
</path>
</svg></button><input type="tel" data-testid="phoneNumberInput" class="needsclick go570198606 kl-private-reset-css-Xuajs1" id="phone_number_016JB91TTR00000000003CRP76" autocomplete="tel" name="phone-number" tabindex="0"
placeholder="Phone Number" aria-label="Phone Number" aria-invalid="false"
style="border: none; text-align: left; color: rgb(0, 0, 0); font-family: Mulish, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0px; background-color: rgba(0, 0, 0, 0); flex-grow: 1; padding-left: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
</div>
<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: 5px 6px 2px; position: relative; flex: 1 0 0px;">
<div class="go1670641559" style="width: 100%;">
<p>By submitting this form and signing up for texts, you consent to receive marketing text messages (e.g. promos, cart reminders) from BaubleBar at the number provided, including messages sent by autodialer. Consent is not a condition of
purchase. Msg & data rates may apply. Msg frequency varies. Unsubscribe at any time by replying STOP or clicking the unsubscribe link (where
available). <a href="https://www.baublebar.com/policies/privacy-policy">Privacy Policy</a> & <a href="https://www.baublebar.com/policies/privacy-policy">Terms</a>.</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: 2px 6px 0px; position: relative; flex: 1 0 0px;"><button
class="needsclick go3277842632 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, "Helvetica Neue", 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; pointer-events: auto; height: 33px; width: 100%;">SUBSCRIBE</button>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form><form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_2 go417382439 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-SVXrUq" novalidate=""
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: 9px 5px 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 5px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000003CRP74" 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 AND TEXTS:</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 2px; 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_016JB91TTR00000000003CRP75" class="needsclick go2731775666 kl-private-reset-css-Xuajs1"
type="email" autocomplete="email" name="email" tabindex="0" placeholder="Email" aria-label="Email" aria-required="true" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 30px; text-align: left; color: rgb(0, 0, 0); font-family: Mulish, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; 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: 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;">
<div class="needsclick go4155560000 kl-private-reset-css-Xuajs1"
style="display: flex; flex-direction: row; box-sizing: border-box; border-radius: 0px; padding: 0px; height: 30px; text-align: left; font-family: Mulish, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(96, 106, 114);">
<button class="needsclick go570198606 kl-private-reset-css-Xuajs1" aria-label="Search Countries" type="button" role="combobox" aria-haspopup="listbox" aria-expanded="false"
style="display: flex; flex-direction: row; align-items: center; justify-content: space-between; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0); border-top-left-radius: 0px; border-bottom-left-radius: 0px; width: 52px; height: 28px; cursor: pointer; padding-left: 10px;"><img
aria-label="United States" title="United States" src="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/4.1.4/flags/4x3/us.svg"
style="display: inline-block; width: 1em; height: 1em; vertical-align: middle; border-radius: 3px;"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="" transform=""
style="fill: rgb(96, 106, 114);">
<path
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
</path>
</svg></button><input type="tel" data-testid="phoneNumberInput" class="needsclick go570198606 kl-private-reset-css-Xuajs1" id="phone_number_016JB91TTR00000000003CRP76" autocomplete="tel" name="phone-number" tabindex="0"
placeholder="Phone Number" aria-label="Phone Number" aria-invalid="false"
style="border: none; text-align: left; color: rgb(0, 0, 0); font-family: Mulish, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0px; background-color: rgba(0, 0, 0, 0); flex-grow: 1; padding-left: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;">
</div>
<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: 5px 6px 2px; position: relative; flex: 1 0 0px;">
<div class="go1670641559" style="width: 100%;">
<p>By submitting this form and signing up for texts, you consent to receive marketing text messages (e.g. promos, cart reminders) from BaubleBar at the number provided, including messages sent by autodialer. Consent is not a condition of
purchase. Msg & data rates may apply. Msg frequency varies. Unsubscribe at any time by replying STOP or clicking the unsubscribe link (where
available). <a href="https://www.baublebar.com/policies/privacy-policy">Privacy Policy</a> & <a href="https://www.baublebar.com/policies/privacy-policy">Terms</a>.</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: 2px 6px 0px; position: relative; flex: 1 0 0px;"><button
class="needsclick go3277842632 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, "Helvetica Neue", 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; pointer-events: auto; height: 33px; width: 100%;">SUBSCRIBE</button>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form><form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_17 go417382439 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-VZ3xXz" novalidate=""
style="display: flex; flex-direction: row; box-sizing: border-box; width: 778px; min-width: 200px; max-width: 1000px; border-radius: 4px; 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: 10px 15px; flex: 1 1 0%;">
<div class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; flex-direction: column; width: 389px; margin: -10px 0px -10px -15px; padding: 0px; border-top: 0px solid transparent; border-right: 0px; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-bottom-left-radius: 4px; border-top-left-radius: 4px; overflow: hidden; min-width: 389px; min-height: 400px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; height: 100%; position: relative;"><img src="https://d3k81ch9hvuctc.cloudfront.net/company/XQJcHL/images/c56cdd62-b9b9-47b9-841b-d108f9271993.jpeg" alt="BaubleBar"
class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; height: 100%; object-fit: cover; object-position: center center;"></div>
</div>
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px 0px 0px 15px; min-height: 400px; 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; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-01J9V7KFABDGQCEP0RW2F2HQBA" style="width: 100%;">
<p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span
style="color: rgb(0, 0, 0); font-size: 18px; font-family: Mulish, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; font-style: normal;">UNLOCK</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: 0px; position: relative; background-color: rgba(255, 255, 255, 0); flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-01J9V7KFAGM6VSYQREZ02QH6ZS" style="width: 100%;">
<p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span class="ql-font-caveat"
style="font-size: 40px; font-family: Mulish, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; font-style: normal; color: rgb(0, 0, 0);">10% OFF</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: 0px 0px 10px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-01J9V7KFATP0TYSEVVNE0NFG90" style="width: 100%;">
<div style="text-align: center;"><span style="font-family: Mulish, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; font-style: normal; font-size: 18px; color: rgb(15, 0, 8);"><span style="color: rgb(0, 0, 0);">YOUR
</span>ORDER</span></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; 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_01J9V7KFB8BQ4FMR6TF38ZGYVW" class="needsclick go3069698226 kl-private-reset-css-Xuajs1"
type="email" autocomplete="email" name="email" tabindex="0" placeholder="Email" aria-label="Email" aria-required="true" 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: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; 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: 5px 0px 0px; position: relative; background-color: rgba(255, 255, 255, 0); flex: 1 0 0px;"><button class="needsclick go300628013 kl-private-reset-css-Xuajs1" type="button"
tabindex="0"
style="background: rgb(0, 0, 0); border-radius: 0px; border-style: none; border-color: rgb(23, 107, 229); border-width: 2px; color: rgb(255, 255, 255); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; font-weight: 700; 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; pointer-events: auto; height: 40px; width: 100%;">CONTINUE</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" id="rich-text-01J9V7KFBH8M16E8XM1Z4DCZH1" style="width: 100%;">
<div style="font-size: 14px; line-height: 50%; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;">
<div style="font-size: 14px; line-height: 70%; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;"><span style="color: rgb(112, 112, 112);"><span
style="font-size: 8px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;">By subscribing you agree to receive marketing communications from us. To opt out, click unsubscribe at the bottom of our
emails.</span><!--StartFragment--></span></div>
<span style="color: rgb(112, 112, 112);"><!--EndFragment--></span><br><span style="color: rgb(71, 64, 64);"><!--EndFragment--></span>
</div>
</div>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>Text Content
WE VALUE YOUR PRIVACY
We use cookies and other technologies to personalize your experience, perform
marketing, and collect analytics. Learn more in our Privacy Policy.
Manage preferencesAcceptDecline
Skip to content
Holiday Shop
Collections
* Holiday Collection
* Best Selling Blankets
* Charms: Our #1 Gift
* Ornaments & Decor
* Party Wear
Gift Shop
* 20% Off Custom Gifts
* Fine Jewelry Gifts
* Kids' Gifts
* Disney Holiday
* Gift Cards & Boxes
Best Sellers
20% Off Custom Gifts
20% Off Custom Gifts
* Shop All
Jewelry
* Necklaces
* Bracelets
* Charms
* Fine Jewelry
* Rings
* Shop All
Accessories
* Blankets
* Ornaments
* Phone Cases
* Totes
* Bulk Orders
New Arrivals
Jewelry
Categories
* Necklaces
* Bracelets
* Earrings
* Charm Necklaces
* Rings
* Shop All
Fine Jewelry
* Shop All
* Necklaces
* Bracelets
* Earrings
* Rings
* Pre-Styled Sets
Shops
* Bubble Jewelry
* Tennis Collection
* Meaning & Purpose
* Birthstone Collection
* Novelty Jewelry
Blankets
Blankets
* Custom Blankets
* Get Inspired
Accessories
Phone Cases
* Custom Phone Cases
* Get Inspired
Home Decor
* Blankets
* Ornaments
* Picture Frames
On The Go
* Totes & Bag Charms
* Bead Kits
* Hair Brushes
* Storage & Pouches
Kids
Collections
* Holiday Collection
* Jewelry & Hair
* Custom Jewelry & Accessories
* Shop All
Disney
New & Trending
* Holiday Collection
* Best Sellers
* New Arrivals
* Disney Eats
Categories
* Jewelry
* Minnie Ears
* Bag Charms
* Collectible Pins
* Custom
* Blankets & Storage
* Shop All Disney
Characters
* Mickey Mouse & Friends
* Lilo & Stitch
* Princess & Villains
Sports
Collections
* NFL x BaubleBar
* MLB x BaubleBar
* BaubleBar
Sale
Shop All Sale
* BaubleBar
* Disney
* Kids
* Account
*
*
*
*
Cart
Spend $75.00 more and get free shipping!
Your cart is empty
BEAT BLACK FRIDAY: 20% OFF CUSTOM GIFTS, now through Cyber Monday with code
HURRY 🎁 THE HOLIDAYS ARE HERE: Everyone's favorite Collection just landed.⭐
Always enjoy FREE SHIPPING on orders $75+ ! 🛒🛍️📦
PreviousNext
View slide 1View slide 2View slide 3
* Holiday Shop Holiday Shop
Collections
* Holiday Collection
* Best Selling Blankets
* Charms: Our #1 Gift
* Ornaments & Decor
* Party Wear
Gift Shop
* 20% Off Custom Gifts
* Fine Jewelry Gifts
* Kids' Gifts
* Disney Holiday
* Gift Cards & Boxes
Holiday
Ornaments & Decor
Blankets: Our #1 Gift
* Best Sellers Best Sellers
* 20% Off Custom Gifts 20% Off Custom Gifts
20% Off Custom Gifts
* Shop All
Jewelry
* Necklaces
* Bracelets
* Charms
* Fine Jewelry
* Rings
* Shop All
Accessories
* Blankets
* Ornaments
* Phone Cases
* Totes
* Bulk Orders
Jewelry
Fine Jewelry
Ornaments
Phone Cases
* New Arrivals New Arrivals
* Jewelry Jewelry
Categories
* Necklaces
* Bracelets
* Earrings
* Charm Necklaces
* Rings
* Shop All
Fine Jewelry
* Shop All
* Necklaces
* Bracelets
* Earrings
* Rings
* Pre-Styled Sets
Shops
* Bubble Jewelry
* Tennis Collection
* Meaning & Purpose
* Birthstone Collection
* Novelty Jewelry
* Blankets Blankets
Blankets
* Custom Blankets
* Get Inspired
Best Selling Blankets
* Accessories Accessories
Phone Cases
* Custom Phone Cases
* Get Inspired
Home Decor
* Blankets
* Ornaments
* Picture Frames
On The Go
* Totes & Bag Charms
* Bead Kits
* Hair Brushes
* Storage & Pouches
Best Selling Blankets
New! Custom Icon Tote
Our Viral Phone Case
* Kids Kids
Collections
* Holiday Collection
* Jewelry & Hair
* Custom Jewelry & Accessories
* Shop All
Kids' Holiday
Custom Jewelry & Accessories
Custom Blankets
* Disney Disney
New & Trending
* Holiday Collection
* Best Sellers
* New Arrivals
* Disney Eats
Categories
* Jewelry
* Minnie Ears
* Bag Charms
* Collectible Pins
* Custom
* Blankets & Storage
* Shop All Disney
Characters
* Mickey Mouse & Friends
* Lilo & Stitch
* Princess & Villains
Disney Holiday
Custom
Disney Ears
Disney Bag Charms
* Sports Sports
Collections
* NFL x BaubleBar
* MLB x BaubleBar
* BaubleBar
* Sale Sale
Shop All Sale
* BaubleBar
* Disney
* Kids
BEST SELLERS
Shop BaubleBar's Best Selling jewelry and accessories, the ultimate destination
for the most sought-after gifts. Our collection features an extensive range of
best-selling jewelry, including bracelets, necklaces, and earrings. Discover
trendy phone cases that blend fashion with functionality, ensuring your devices
are protected in style. Complete your look with our best-selling women's
accessories, from chic blankets to tech accessories that add a touch of glamour
to your everyday routine. Explore BaubleBar's Best Sellers and elevate your
style with these must-have pieces.
...more less
Sort By:
Featured Price: Low - High Price: High - Low Newest
Filters
COLOR
* Black
* Blue
* Brown
* Clear
* Green
* Multi
* Neutral
* Orange
* Pink
* Purple
* Rainbow
* Red
* White
* Yellow
PRODUCT TYPE
* Blankets
* Bracelets
* Earrings
* Frame
* Hair Accessories
* Necklaces
* Ornaments
* Phone Cases
* Rings
* Storage
* Tote
METAL
* 14K Gold
* 18K Gold
* Gold
* Silver
RING SIZE
* 3
* 4
* 5
* 6
* 7
* 8
* 9
* 10
* 11
BRACELET SIZE
* 5"-6"
* 6"-7"
* 7"-8"
MATERIAL
* Cord
* Enamel
* Semi-Precious
Apply
* Home /
* Best Sellers
CUSTOM TENNIS BRACELET
Early Black Friday Deal: 20% Off Custom Gifts
$68
* Gold/Pavé
* Blue
* Red
* Green
* 5 colors
Shop Now
This item ships in 3 weeks
CUSTOM CLUSTER CHARM PENDANT
Early Black Friday Deal: 20% Off Custom Gifts
$88
* Gold
* Silver
Shop Now
This item ships in 3 weeks
BENNETT 18K GOLD TENNIS BRACELET
18K Gold Plated Sterling Silver, Cubic Zirconia stones
From $58
* Standard
* Bezel
Shop Now
MINT TO BE CUSTOM ORNAMENT
Early Black Friday Deal: 20% Off Custom Gifts
$48
* Red/White
* Gold/Pavé
Shop Now
This item ships in 2 weeks
MINI CUSTOM BUBBLE LETTER NECKLACE
Early Black Friday Deal: 20% Off Custom Gifts
$48
* Gold/Pavé
* Gold
Shop Now
This item ships in 2 weeks
18K GOLD CUSTOM BLOCK RING
Early Black Friday Deal: 20% Off Custom Gifts
$148
* Gold
* Gold/Pavé
* Silver
* Pavé/Silver
Shop Now
This item ships in 3 weeks
CUSTOM PISA CHARM BRACELET
Early Black Friday Deal: 20% Off Custom Gifts
$48
* Charm Bracelet
* Charm Necklace
Shop Now
This item ships in 3 weeks
THE ULTIMATE CUSTOM BEAD KIT
Customizable bead kit
$58
* Multi
Shop Now
This item ships in 4 weeks
NADIA BANGLE
Gold bangle
$38
* Bezels Bangle
* Thin Bangle
* Single Bezel Bangle
* Thick Bangle
Add to cart
SEMI-PRECIOUS BLOCK INITIAL NECKLACE
Early Black Friday Deal: 20% Off Custom Gifts
$58
* Multi
Shop Now
OMBRE NAME CUSTOM BLANKET
Early Black Friday Deal: 20% Off Custom Gifts
From $98
* Beige/Brown
* Beige/Multi
* White/Red
* White/Light Blue
* 6 colors
Shop Now
This item ships in 2 weeks
18K GOLD MINI CUSTOM NAMEPLATE NECKLACE
Early Black Friday Deal: 20% Off Custom Gifts
From $142
* Small
* Large
Shop Now
This item ships in 3 weeks
AMALIE TENNIS BRACELET
Bezel stone eternity bracelet
From $58
* Standard
* Bezel
Shop Now
CUSTOM BENNETT TENNIS NECKLACE
Early Black Friday Deal: 20% Off Custom Gifts
$88
* Standard
* Bezel
Shop Now
This item ships in 3 weeks
MINT TO BE HOOP EARRINGS
Candy cane crystal earrings
$42
* Red/White
Add to cart
TAKE IT AWAY STORAGE POUCH
BaubleBar storage pouch
$12
* Hot Pink
* Emerald
* Dark Blue
* Brown
* 5 colors
Add to cart
BUBBLE INITIAL NECKLACE
Early Black Friday Deal: 20% Off Custom Gifts
$58
* Gold/Pavé
* Gold
* Silver
* Pavé/Silver
Shop Now
This item ships in 3 weeks
ALL THE BEIGE CUSTOM IPHONE CASE
Early Black Friday Deal: 20% Off Custom Gifts
$72
* Beige/White
* Beige/Hot Pink
* Beige/Antique Gold
Shop Now
This item ships in 3 weeks
18K GOLD BIRTHSTONE PENDANT NECKLACE
18K Gold Plated Sterling Silver, Cubic Zirconia
$72
* Garnet
* Amethyst
* Aquamarine
* Crystal
* 12 colors
Add to cart
18K GOLD PAVÉ CUSTOM NAMEPLATE BRACELET
Early Black Friday Deal: 20% Off Custom Gifts
$124
* Gold
* Silver
Shop Now
This item ships in 3 weeks
CUSTOM ICON TOTE
Hand select 6 icons to personalize your tote
$88
* Natural
* Navy
Shop Now
This item ships in 6 weeks
PISA BRACELET
Gold beaded stretch bracelet
From $26
* Gold
* 14K Gold Filled
* Silver
Shop Now
LOVE AT FROST SIGHT CUSTOM ORNAMENT
Early Black Friday Deal: 20% Off Custom Gifts
$48
* Silver
Shop Now
This item ships in 2 weeks
ACRYLIC CUSTOM NAMEPLATE NECKLACE
Early Black Friday Deal: 20% Off Custom Gifts
$48
* Translucent Magenta
* Blonde Marble
* Translucent Purple
* Aqua
* 13 colors
Shop Now
This item is available for immediate shipping
Loading More
Shop BaubleBar's Best Sellers - Popular Jewelry and Accessories
Discover the magic of BaubleBar's best-selling jewelry and accessories
collection, where style meets popularity. Our selection features the most
sought-after pieces that have captured the hearts of fashion enthusiasts
everywhere. If you're looking for popular jewelry that stands out, you've come
to the right place.
Explore our best necklaces, which range from delicate chains to bold statement
pieces. Each necklace is designed to elevate your outfit, whether you're
dressing up for a special occasion or adding flair to your everyday look. Pair
them with our best bracelets, crafted to complement any style. These bracelets
are perfect for stacking or wearing solo, making them versatile additions to
your jewelry box.
Our best earrings are a must-see, offering a variety of styles that cater to
every taste. From classic studs to eye-catching hoops, these earrings are
designed to make a statement. With options that suit both casual and formal
attire, you'll find the perfect pair to express your unique style.
Don't forget to check out our best rings, which are perfect for adding a touch
of elegance to your fingers. Whether you prefer dainty designs or bold statement
rings, our collection has something for everyone.
BaubleBar's best-selling jewelry and accessories are not just popular; they are
favorites among our customers for a reason. Each piece is crafted with quality
materials and attention to detail, ensuring you can enjoy your jewelry for years
to come.
Elevate your accessory game with our curated selection of the best jewelry that
combines style and functionality. Shop now and join the ranks of those who have
made these pieces their favorites. With BaubleBar, you can express your
individuality and shine bright every day!
MEET BAUBLEBAR
* About Us
* Coming Soon
* Careers
* Find Us In Stores
* Visit Our First Kids Store
CUSTOMER CARE
* Shipping & Returns
* FAQ
* Gift Cards
CONTACT US
* Get Help
* Partner With Us
* Bulk Order
THE EDIT
* Blog
LET'S STAY IN TOUCH! SIGN UP FOR EMAILS AND TEXTS:
By submitting this form and signing up for texts, you consent to receive
marketing text messages (e.g. promos, cart reminders) from BaubleBar at the
number provided, including messages sent by autodialer. Consent is not a
condition of purchase. Msg & data rates may apply. Msg frequency varies.
Unsubscribe at any time by replying STOP or clicking the unsubscribe link (where
available). Privacy Policy & Terms.
SUBSCRIBE
*
*
*
*
LET'S STAY IN TOUCH! SIGN UP FOR EMAILS AND TEXTS:
By submitting this form and signing up for texts, you consent to receive
marketing text messages (e.g. promos, cart reminders) from BaubleBar at the
number provided, including messages sent by autodialer. Consent is not a
condition of purchase. Msg & data rates may apply. Msg frequency varies.
Unsubscribe at any time by replying STOP or clicking the unsubscribe link (where
available). Privacy Policy & Terms.
SUBSCRIBE
© BaubleBar Privacy Terms
*
*
*
*
Close dialog
UNLOCK
10% OFF
YOUR ORDER
CONTINUE
By subscribing you agree to receive marketing communications from us. To opt
out, click unsubscribe at the bottom of our emails.