www.allaboutvibe.com
Open in
urlscan Pro
23.227.38.74
Public Scan
Submitted URL: https://www.allaboutvibe.com/)
Effective URL: https://www.allaboutvibe.com/pages/shaped-pillow
Submission: On June 12 via api from US — Scanned from CA
Effective URL: https://www.allaboutvibe.com/pages/shaped-pillow
Submission: On June 12 via api from US — Scanned from CA
Form analysis 11 forms found in the DOM
GET /search
<form action="/search" method="get" role="search" class="search-bar">
<div class="search-bar__top-wrapper">
<div class="search-bar__top">
<input type="hidden" name="type" value="product">
<div class="search-bar__input-wrapper">
<input class="search-bar__input" type="text" name="q" autocomplete="off" autocorrect="off" aria-label="Search by product, color, art style, or all of the above" placeholder="Search by product, color, art style, or all of the above">
<button type="button" class="search-bar__input-clear hidden-lap-and-up" data-action="clear-input" data-add-action="unfix-search">
<svg class="icon icon--close" viewBox="0 0 19 19" role="presentation">
<path
d="M9.1923882 8.39339828l7.7781745-7.7781746 1.4142136 1.41421357-7.7781746 7.77817459 7.7781746 7.77817456L16.9705627 19l-7.7781745-7.7781746L1.41421356 19 0 17.5857864l7.7781746-7.77817456L0 2.02943725 1.41421356.61522369 9.1923882 8.39339828z"
fill="currentColor" fill-rule="evenodd"></path>
</svg>
</button>
</div><button type="submit" class="search-bar__submit" aria-label="Search"><svg class="icon icon--search" viewBox="0 0 21 21" role="presentation">
<g stroke-width="2" stroke="currentColor" fill="none" fill-rule="evenodd">
<path d="M19 19l-5-5" stroke-linecap="square"></path>
<circle cx="8.5" cy="8.5" r="7.5"></circle>
</g>
</svg><svg class="icon icon--search-loader" viewBox="0 0 64 64" role="presentation">
<path opacity=".4"
d="M23.8589104 1.05290547C40.92335108-3.43614731 58.45816642 6.79494359 62.94709453 23.8589104c4.48905278 17.06444068-5.74156424 34.59913135-22.80600493 39.08818413S5.54195825 57.2055303 1.05290547 40.1410896C-3.43602265 23.0771228 6.7944697 5.54195825 23.8589104 1.05290547zM38.6146353 57.1445143c13.8647142-3.64731754 22.17719655-17.89443541 18.529879-31.75914961-3.64743965-13.86517841-17.8944354-22.17719655-31.7591496-18.529879S3.20804604 24.7494569 6.8554857 38.6146353c3.64731753 13.8647142 17.8944354 22.17719655 31.7591496 18.529879z">
</path>
<path d="M1.05290547 40.1410896l5.80258022-1.5264543c3.64731754 13.8647142 17.89443541 22.17719655 31.75914961 18.529879l1.5264543 5.80258023C23.07664892 67.43614731 5.54195825 57.2055303 1.05290547 40.1410896z"></path>
</svg></button>
</div>
<button type="button" class="search-bar__close-button hidden-lap-and-up" data-action="unfix-search">
<span class="search-bar__close-text">Close</span>
</button>
</div>
<div class="search-bar__inner">
<div class="search-bar__inner-animation">
<div class="search-bar__results" aria-hidden="true">
<div class="skeleton-container">
<div class="search-bar__result-item search-bar__result-item--skeleton">
<div class="search-bar__image-container">
<div class="aspect-ratio aspect-ratio--square">
<div class="skeleton-image"></div>
</div>
</div>
<div class="search-bar__item-info">
<div class="skeleton-paragraph">
<div class="skeleton-text"></div>
<div class="skeleton-text"></div>
</div>
</div>
</div>
<div class="search-bar__result-item search-bar__result-item--skeleton">
<div class="search-bar__image-container">
<div class="aspect-ratio aspect-ratio--square">
<div class="skeleton-image"></div>
</div>
</div>
<div class="search-bar__item-info">
<div class="skeleton-paragraph">
<div class="skeleton-text"></div>
<div class="skeleton-text"></div>
</div>
</div>
</div>
<div class="search-bar__result-item search-bar__result-item--skeleton">
<div class="search-bar__image-container">
<div class="aspect-ratio aspect-ratio--square">
<div class="skeleton-image"></div>
</div>
</div>
<div class="search-bar__item-info">
<div class="skeleton-paragraph">
<div class="skeleton-text"></div>
<div class="skeleton-text"></div>
</div>
</div>
</div>
</div>
<div class="search-bar__results-inner"></div>
</div>
</div>
</div>
</form>Name: login — POST /account/login
<form method="post" action="/account/login" id="header_customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" name="login" class="form"><input type="hidden" name="form_type" value="customer_login"><input type="hidden" name="utf8"
value="✓">
<header class="popover__header">
<h2 class="popover__title heading">Login to my account</h2>
<p class="popover__legend">Enter your e-mail and password:</p>
</header>
<div class="form__input-wrapper form__input-wrapper--labelled">
<input type="email" id="login-customer[email]" class="form__field form__field--text" name="customer[email]" required="required">
<label for="login-customer[email]" class="form__floating-label">Email</label>
</div>
<div class="form__input-wrapper form__input-wrapper--labelled">
<input type="password" id="login-customer[password]" class="form__field form__field--text" name="customer[password]" required="required" autocomplete="current-password">
<label for="login-customer[password]" class="form__floating-label">Password</label>
</div>
<button type="submit" class="form__submit button button--primary button--full"> Login </button>
</form>Name: recover — POST /account/recover
<form method="post" action="/account/recover" accept-charset="UTF-8" name="recover" class="form"><input type="hidden" name="form_type" value="recover_customer_password"><input type="hidden" name="utf8" value="✓">
<header class="popover__header">
<h2 class="popover__title heading"> Recover password </h2>
<p class="popover__legend">Enter your email:</p>
</header>
<div class="form__input-wrapper form__input-wrapper--labelled">
<input type="email" id="recover-customer[recover_email]" class="form__field form__field--text" name="email" required="required">
<label for="recover-customer[recover_email]" class="form__floating-label">Email</label>
</div>
<button type="submit" class="form__submit button button--primary button--full"> Recover </button>
</form>Name: create — POST /account
<form method="post" action="/account" id="create_customer" accept-charset="UTF-8" data-login-with-shop-sign-up="true" name="create" class="form"><input type="hidden" name="form_type" value="create_customer"><input type="hidden" name="utf8" value="✓">
<header class="popover__header">
<h2 class="popover__title heading">Create my account</h2>
<p class="popover__legend">Please fill in the information below:</p>
</header>
<div class="form__input-wrapper form__input-wrapper--labelled">
<input type="text" id="register-customer[first_name]" class="form__field form__field--text" name="customer[first_name]" required="required">
<label for="register-customer[first_name]" class="form__floating-label">First name</label>
</div>
<div class="form__input-wrapper form__input-wrapper--labelled">
<input type="text" id="register-customer[last_name]" class="form__field form__field--text" name="customer[last_name]" required="required">
<label for="register-customer[last_name]" class="form__floating-label">Last name</label>
</div>
<div class="form__input-wrapper form__input-wrapper--labelled">
<input type="email" id="register-customer[email]" class="form__field form__field--text" name="customer[email]" required="required">
<label for="register-customer[email]" class="form__floating-label">Email</label>
</div>
<div class="form__input-wrapper form__input-wrapper--labelled">
<input type="password" id="register-customer[password]" class="form__field form__field--text" name="customer[password]" required="required" autocomplete="new-password">
<label for="register-customer[password]" class="form__floating-label">Password</label>
</div>
<button type="submit" class="form__submit button button--primary button--full"> Create my account </button>
</form><form action="" class="js-add-form c-step__wrap js-step-wrap js-prod-type-block active" data-type="pillow">
<div class="c-step c-step--review">
<div class="c-step__header hidden-desk">
<div class="c-step__title">
<style>
@media screen and (max-width: 768px) {
.c-step__upload-btn {
text-transform: uppercase;
font-weight: 400;
display: flex;
align-items: center;
line-height: 1;
font-size: 15px;
padding: 5px 8px 8px 0;
}
.c-step__upload-btn .upload-icon {
/*margin-top: -7px;*/
margin-left: 5px;
}
.c-step__option-wrap {
flex-grow: 0;
transition: 50ms;
}
.c-step__option-wrap.active {
flex-grow: 1;
}
}
</style>
<button class="c-step__upload-btn js-upload-image js-form-btn btn-hidden"> Upload Image <svg class="upload-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#8c5dbf" height="20px" width="20px"
version="1.1" id="Capa_1" viewBox="-5.88 -5.88 305.92 305.92" xml:space="preserve" stroke="#8c5dbf" stroke-width="8" transform="rotate(0)">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#808080" stroke-width="4.706496"></g>
<g id="SVGRepo_iconCarrier">
<g>
<path
d="M227.002,108.256c-2.755-41.751-37.6-74.878-80.036-74.878c-42.447,0-77.298,33.141-80.038,74.907 C28.978,113.059,0,145.39,0,184.184c0,42.234,34.36,76.595,76.595,76.595h116.483c3.313,0,6-2.687,6-6s-2.687-6-6-6H76.595 C40.977,248.778,12,219.801,12,184.184c0-34.275,26.833-62.568,61.087-64.411c3.184-0.171,5.678-2.803,5.678-5.991 c0-0.119-0.003-0.236-0.01-0.355c0.09-37.536,30.654-68.049,68.211-68.049c37.563,0,68.132,30.518,68.211,68.063 c-0.005,0.116-0.009,0.238-0.009,0.329c0,3.196,2.505,5.831,5.696,5.992c34.37,1.741,61.292,30.038,61.292,64.421 c0,19.526-8.698,37.801-23.864,50.138c-2.571,2.091-2.959,5.87-0.868,8.44c2.091,2.571,5.87,2.959,8.44,0.868 c17.98-14.626,28.292-36.293,28.292-59.447C294.156,145.269,265.08,112.926,227.002,108.256z">
</path>
<path d="M140.966,141.078v76.511c0,3.313,2.687,6,6,6s6-2.687,6-6v-76.511c0-3.313-2.687-6-6-6S140.966,137.765,140.966,141.078z"></path>
<path
d="M181.283,152.204c1.536,0,3.071-0.586,4.243-1.757c2.343-2.343,2.343-6.142,0-8.485l-34.317-34.317 c-2.343-2.343-6.143-2.343-8.485,0l-34.317,34.317c-2.343,2.343-2.343,6.142,0,8.485c2.343,2.343,6.143,2.343,8.485,0 l30.074-30.074l30.074,30.074C178.212,151.618,179.748,152.204,181.283,152.204z">
</path>
</g>
</g>
</svg>
</button>
</div>
<div class="c-step__row"> Mockup need fixing? <a href="" class="js-open-step c-step__link-btn js-form-btn" data-target="note"> Click here</a>
</div>
<div class="hidden-mob">
<div class="c-step__title">Design Review</div>
<div class="c-step__info hidden-mob">
<p> Review the steps below to personalize your custom pillow </p>
</div>
</div>
</div>
<div class="c-step__header hidden-mob">
<div class="c-step__title">Design Review</div>
<div class="c-step__info hidden-mob">
<p> Review the steps below to personalize your custom pillow </p>
</div>
</div>
<div class="c-step__content d-review ">
<div class="d-review__el d-review__el--flex hidden-mob">
<div class="d-review__prop">
<div class="d-prop">
<span class="d-prop__key"> Create Pillow: </span>
</div>
<a class="c-step__secondary-btn js-upload-image js-form-btn js-send-metrics" data-metric="image-btn">
Upload image
</a>
</div>
</div>
<div class="d-review__el d-review__el--flex hidden-mob">
<div class="d-review__prop">
<div class="d-prop">
<span class="d-prop__key"> Add Notes: </span>
<span class="d-prop__val js-text-note"> As is </span>
</div>
<a class="c-step__secondary-btn js-open-step js-form-btn js-send-metrics" data-metric="notes" data-target="note">
Edit notes
</a>
</div>
</div>
<div class="d-review__el size-row">
<div class="d-prop hidden-mob size-row__prop">
<span class="d-prop__key"> Size: </span>
</div>
<div class="js-prod-opt size-row__content">
<div class="js-radio-btn-wrap">
<div class="size-block ">
<div class="c-block-swatch js-radio-wrap c-step__option-wrap ">
<input class="c-block-swatch__radio js-prod-option js-change-size" type="radio" name="shaped-general3d-v6-6715706605653-1" id="shaped-general3d-v6-6715706605653-1-1" value="Small 16"" required="" aria-hidden="true">
<label class="c-step__secondary-btn c-step__option js-radio-btn js-form-btn js-change-mockup-type" for="shaped-general3d-v6-6715706605653-1-1" title="Small 16"" data-type="pillow">
<span class="c-block-swatch__item-text">Small 16" </span>
</label>
</div>
<div class="c-block-swatch js-radio-wrap c-step__option-wrap active ">
<input class="c-block-swatch__radio js-prod-option js-change-size" type="radio" name="shaped-general3d-v6-6715706605653-1" id="shaped-general3d-v6-6715706605653-1-2" value="Medium 22"" required="" checked="checked"
aria-hidden="true">
<label class="c-step__secondary-btn c-step__option js-radio-btn js-form-btn js-change-mockup-type active" for="shaped-general3d-v6-6715706605653-1-2" title="Medium 22"" data-type="pillow">
<span class="c-block-swatch__item-text">Medium 22" </span>
</label>
</div>
<div class="c-block-swatch js-radio-wrap c-step__option-wrap ">
<input class="c-block-swatch__radio js-prod-option js-change-size" type="radio" name="shaped-general3d-v6-6715706605653-1" id="shaped-general3d-v6-6715706605653-1-3" value="Large 30"" required="" aria-hidden="true">
<label class="c-step__secondary-btn c-step__option js-radio-btn js-form-btn js-change-mockup-type" for="shaped-general3d-v6-6715706605653-1-3" title="Large 30"" data-type="pillow" pillow-type="large">
<span class="c-block-swatch__item-text">Large 30" </span>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="d-review__note hidden-mob">* By uploading an image you agree to our <a href="/pages/terms" class="c-upload-block__link">Terms of
Service.</a>
</div>
</div>
<div class="c-step__content--br c-step__content js-fix-wrap c-step__content--row hide" data-fix="false">
<div class="c-step__row js-fix-d"> Mockup need fixing? <a href="" class="js-open-step c-step__link-btn js-form-btn" data-target="note"> Click here</a>
</div>
<div class="c-step__row js-fix-c c-s-fix">
<span class="c-s-fix__text"><b> Notes:</b> <span class="js-text-note"></span></span>
<a href="" class="js-open-step c-step__link-btn js-form-btn c-s-fix__btn" data-target="note">Edit notes</a>
</div>
</div>
<div class="c-step__footer">
<div class="c-step-buy">
<input type="text" name="id" value="" class="js-variant-id hide">
<input type="text" class="hide" name="quantity" value="1">
<div class="c-step-buy__btn-block">
<button type="submit" class="c-step__main-btn--cart js-form-btn c-step__main-btn js-form-btn button button--primary js-order-button js-send-metrics" data-metric="cart"> Add to cart <span class="" data-img="false" data-mockup="false">
<span class="c-step__compare c-step__money js-prev-price" style="display: none;"></span>
<span class="c-step__money js-curr-price">$60</span>
</span>
<style>
.btn-spin-loader {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
cursor: default;
z-index: 100;
background: #ffc00acf;
}
.btn-spin-loader.hide {
display: none;
}
.lds-ring {
display: inline-block;
position: relative;
width: 30px;
height: 30px;
;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 22px;
height: 22px;
margin: 4px;
border: 3px solid #f5f5f5;
border-radius: 50%;
animation: lds-ring 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #f5f5f5 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
<div class="js-preloader-file btn-spin-loader hide ">
<div class="lds-ring">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="js-preloader-btn preloader_b hide">
<div class="preloader-b__block">
<svg class="preloader_b__icon " viewBox="0 0 27 24" role="presentation">
<g transform="translate(0 1)" stroke-width="1.5" stroke="currentColor" fill="none" fill-rule="evenodd" style="stroke: white;">
<circle stroke-linecap="square" cx="11" cy="20" r="2"></circle>
<circle stroke-linecap="square" cx="22" cy="20" r="2"></circle>
<path d="M7.31 5h18.27l-1.44 10H9.78L6.22 0H0"></path>
</g>
</svg>
</div>
<span></span>
</div>
</button>
</div>
</div>
</div>
<div class="m-btn-section js-added-block js-added-block--desk hide hidden-mob">
<p class="m-btn-section__text">
<svg width="20px" height="20px" viewBox="-2.56 -2.56 69.12 69.12" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#0288d1" stroke-width="7.16" transform="rotate(0)">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<circle cx="32" cy="32" r="24"></circle>
<polyline points="44 24 28 40 20 32"></polyline>
</g>
</svg> Product has been successfully added to your cart
</p>
<div class="m-btn-section__btn-block">
<button class="button button-outline m-btn-section__btn js-added-block-hide"> Continue shopping </button>
<a href="/cart" class="button button-outline m-btn-section__btn"> View Cart
<svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 16 16" fill="none" transform="rotate(0)" style=" vertical-align: middle;
margin-bottom: 3px;">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path fill="#787878" fill-rule="evenodd" d="M8 3.517a1 1 0 011.62-.784l5.348 4.233a1 1 0 010 1.568l-5.347 4.233A1 1 0 018 11.983v-1.545c-.76-.043-1.484.003-2.254.218-.994.279-2.118.857-3.506 1.99a.993.993 0 01-1.129.096.962.962 0 01-.445-1.099c.415-1.5 1.425-3.141 2.808-4.412C4.69 6.114 6.244 5.241 8 5.042V3.517zm1.5 1.034v1.2a.75.75 0 01-.75.75c-1.586 0-3.066.738-4.261 1.835a8.996 8.996 0 00-1.635 2.014c.878-.552 1.695-.916 2.488-1.138 1.247-.35 2.377-.33 3.49-.207a.75.75 0 01.668.745v1.2l4.042-3.2L9.5 4.55z" clip-rule="evenodd"></path>
</g>
</svg>
</a>
</div>
</div>
</div>
<div class="c-step js-step hide" data-type="note">
<input type="text" hidden="" name="properties[_Image_Upload]">
<div class="c-step__header">
<div class="c-step__title"> Add Notes </div>
<div class="c-step__info hidden-mob">
<p> Review the steps below to personalize your custom pillow </p>
</div>
</div>
<div class="c-step__content js-notes-container">
<div class="c-step__options ">
<div class="c-block-swatch">
<input id="note1" type="radio" name="notes" value="0" required="" class="c-block-swatch__radio" checked="checked">
<label for="note1" class="c-step__secondary-btn c-step__option js-notes active js-form-btn" data-fix="false"> Keep mockup as is </label>
</div>
<div class="c-block-swatch">
<input id="note2" type="radio" name="notes" value="1" required="" class="c-block-swatch__radio">
<label for="note2" class="c-step__secondary-btn c-step__option js-notes js-form-btn" data-fix="true"> Photo needs fixing </label>
</div>
</div>
<div class="js-notes-textarea-block hide c-step__textarea-block">
<textarea name="properties[Cropping Notes]" class="c-step__textarea js-notes-valid " id="js-notes-textarea" data-val="As is" placeholder="What needs to be fixed? ie. Fix the part that was cut off."> As is
</textarea>
</div>
</div>
<div class="c-step__footer">
<a href="" class="c-step__main-btn c-step__main-btn--done js-form-btn js-step-done button button--primary">
<span class="hidden-mob">Return to design review</span>
<span class="hidden-desk">Save Notes</span>
</a>
</div>
</div>
<input type="text" hidden="" name="properties[_template]" value="page.shaped-general3d-v6">
<input type="text" hidden="" name="properties[_isMockup]" class="js-mockup-success-input" value="false">
</form><form action="" class="js-add-form c-step__wrap c-step-portrait js-step-wrap js-prod-type-block js-sides-wrap " data-type="portrait" data-sides="1">
<div class="c-step c-step--review">
<div class="c-step__header hidden-mob">
<div class="c-step__title">Design Review</div>
<div class="c-step__info hidden-mob">
<p> Review the steps below to personalize your custom pillow </p>
</div>
</div>
<div class="c-step__content d-review ">
<div class="d-review__el hidden-mob js-btn-wrap">
<div class="d-prop">
<span class="d-prop__key"> Create Pillow: </span>
</div>
<div class="c-image-upload__wrap js-img-upload-wrap js-prod-type-block" data-type="portrait" data-sides="1">
<div class="c-image-upload js-img-upload-block" data-side="front">
<button class=" c-image-upload__btn c-image-upload__el js-upload-image js-form-btn" data-image="front">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#8c5dbf" height="64px" width="64px" version="1.1" id="Capa_1" viewBox="-5.88 -5.88 305.92 305.92" xml:space="preserve" stroke="#8c5dbf"
stroke-width="8" transform="rotate(0)">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#808080" stroke-width="4.706496"></g>
<g id="SVGRepo_iconCarrier">
<g>
<path
d="M227.002,108.256c-2.755-41.751-37.6-74.878-80.036-74.878c-42.447,0-77.298,33.141-80.038,74.907 C28.978,113.059,0,145.39,0,184.184c0,42.234,34.36,76.595,76.595,76.595h116.483c3.313,0,6-2.687,6-6s-2.687-6-6-6H76.595 C40.977,248.778,12,219.801,12,184.184c0-34.275,26.833-62.568,61.087-64.411c3.184-0.171,5.678-2.803,5.678-5.991 c0-0.119-0.003-0.236-0.01-0.355c0.09-37.536,30.654-68.049,68.211-68.049c37.563,0,68.132,30.518,68.211,68.063 c-0.005,0.116-0.009,0.238-0.009,0.329c0,3.196,2.505,5.831,5.696,5.992c34.37,1.741,61.292,30.038,61.292,64.421 c0,19.526-8.698,37.801-23.864,50.138c-2.571,2.091-2.959,5.87-0.868,8.44c2.091,2.571,5.87,2.959,8.44,0.868 c17.98-14.626,28.292-36.293,28.292-59.447C294.156,145.269,265.08,112.926,227.002,108.256z">
</path>
<path d="M140.966,141.078v76.511c0,3.313,2.687,6,6,6s6-2.687,6-6v-76.511c0-3.313-2.687-6-6-6S140.966,137.765,140.966,141.078z"></path>
<path
d="M181.283,152.204c1.536,0,3.071-0.586,4.243-1.757c2.343-2.343,2.343-6.142,0-8.485l-34.317-34.317 c-2.343-2.343-6.143-2.343-8.485,0l-34.317,34.317c-2.343,2.343-2.343,6.142,0,8.485c2.343,2.343,6.143,2.343,8.485,0 l30.074-30.074l30.074,30.074C178.212,151.618,179.748,152.204,181.283,152.204z">
</path>
</g>
</g>
</svg> Upload Image </button>
<div class="c-image-upload__preview c-image-upload__el">
<div class="preview-img">
<img src="" alt="" class="js-img-upload preview-img__img" crossorigin="anonymous">
</div>
<div class="img-preloader hide">
<div class="img-state preparing state1">
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<style>
.spinner_DupU {
animation: spinner_sM3D 1.2s infinite
}
.spinner_GWtZ {
animation-delay: .1s
}
.spinner_dwN6 {
animation-delay: .2s
}
.spinner_46QP {
animation-delay: .3s
}
.spinner_PD82 {
animation-delay: .4s
}
.spinner_eUgh {
animation-delay: .5s
}
.spinner_eUaP {
animation-delay: .6s
}
.spinner_j38H {
animation-delay: .7s
}
.spinner_tVmX {
animation-delay: .8s
}
.spinner_DQhX {
animation-delay: .9s
}
.spinner_GIL4 {
animation-delay: 1s
}
.spinner_n0Yb {
animation-delay: 1.1s
}
@keyframes spinner_sM3D {
0%,
50% {
animation-timing-function: cubic-bezier(0, 1, 0, 1);
r: 0
}
10% {
animation-timing-function: cubic-bezier(.53, 0, .61, .73);
r: 2px
}
}
</style>
<circle class="spinner_DupU" cx="12" cy="3" r="0"></circle>
<circle class="spinner_DupU spinner_GWtZ" cx="16.50" cy="4.21" r="0"></circle>
<circle class="spinner_DupU spinner_n0Yb" cx="7.50" cy="4.21" r="0"></circle>
<circle class="spinner_DupU spinner_dwN6" cx="19.79" cy="7.50" r="0"></circle>
<circle class="spinner_DupU spinner_GIL4" cx="4.21" cy="7.50" r="0"></circle>
<circle class="spinner_DupU spinner_46QP" cx="21.00" cy="12.00" r="0"></circle>
<circle class="spinner_DupU spinner_DQhX" cx="3.00" cy="12.00" r="0"></circle>
<circle class="spinner_DupU spinner_PD82" cx="19.79" cy="16.50" r="0"></circle>
<circle class="spinner_DupU spinner_tVmX" cx="4.21" cy="16.50" r="0"></circle>
<circle class="spinner_DupU spinner_eUgh" cx="16.50" cy="19.79" r="0"></circle>
<circle class="spinner_DupU spinner_j38H" cx="7.50" cy="19.79" r="0"></circle>
<circle class="spinner_DupU spinner_eUaP" cx="12" cy="21" r="0"></circle>
</svg>
</div>
<div class="img-state done state2"></div>
<div class="img-state error state3">
<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 24 24" role="img" aria-labelledby="errorIconTitle" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"
color="#000000">
<title id="errorIconTitle">Error</title>
<path d="M12 8L12 13"></path>
<line x1="12" y1="16" x2="12" y2="16"></line>
<circle cx="12" cy="12" r="10"></circle>
</svg>
</div>
</div>
</div>
<div class="c-image-upload__text"> FRONT</div>
</div>
<div class="c-image-upload js-img-upload-block" data-side="back">
<button class=" c-image-upload__btn c-image-upload__el js-upload-image js-form-btn" data-image="back">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#8c5dbf" height="64px" width="64px" version="1.1" id="Capa_1" viewBox="-5.88 -5.88 305.92 305.92" xml:space="preserve" stroke="#8c5dbf"
stroke-width="8" transform="rotate(0)">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#808080" stroke-width="4.706496"></g>
<g id="SVGRepo_iconCarrier">
<g>
<path
d="M227.002,108.256c-2.755-41.751-37.6-74.878-80.036-74.878c-42.447,0-77.298,33.141-80.038,74.907 C28.978,113.059,0,145.39,0,184.184c0,42.234,34.36,76.595,76.595,76.595h116.483c3.313,0,6-2.687,6-6s-2.687-6-6-6H76.595 C40.977,248.778,12,219.801,12,184.184c0-34.275,26.833-62.568,61.087-64.411c3.184-0.171,5.678-2.803,5.678-5.991 c0-0.119-0.003-0.236-0.01-0.355c0.09-37.536,30.654-68.049,68.211-68.049c37.563,0,68.132,30.518,68.211,68.063 c-0.005,0.116-0.009,0.238-0.009,0.329c0,3.196,2.505,5.831,5.696,5.992c34.37,1.741,61.292,30.038,61.292,64.421 c0,19.526-8.698,37.801-23.864,50.138c-2.571,2.091-2.959,5.87-0.868,8.44c2.091,2.571,5.87,2.959,8.44,0.868 c17.98-14.626,28.292-36.293,28.292-59.447C294.156,145.269,265.08,112.926,227.002,108.256z">
</path>
<path d="M140.966,141.078v76.511c0,3.313,2.687,6,6,6s6-2.687,6-6v-76.511c0-3.313-2.687-6-6-6S140.966,137.765,140.966,141.078z"></path>
<path
d="M181.283,152.204c1.536,0,3.071-0.586,4.243-1.757c2.343-2.343,2.343-6.142,0-8.485l-34.317-34.317 c-2.343-2.343-6.143-2.343-8.485,0l-34.317,34.317c-2.343,2.343-2.343,6.142,0,8.485c2.343,2.343,6.143,2.343,8.485,0 l30.074-30.074l30.074,30.074C178.212,151.618,179.748,152.204,181.283,152.204z">
</path>
</g>
</g>
</svg> Upload Image </button>
<div class="c-image-upload__preview c-image-upload__el">
<div class="preview-img">
<img src="" alt="" class="js-img-upload preview-img__img" crossorigin="anonymous">
</div>
<div class="img-preloader hide">
<div class="img-state preparing state1">
<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<style>
.spinner_DupU {
animation: spinner_sM3D 1.2s infinite
}
.spinner_GWtZ {
animation-delay: .1s
}
.spinner_dwN6 {
animation-delay: .2s
}
.spinner_46QP {
animation-delay: .3s
}
.spinner_PD82 {
animation-delay: .4s
}
.spinner_eUgh {
animation-delay: .5s
}
.spinner_eUaP {
animation-delay: .6s
}
.spinner_j38H {
animation-delay: .7s
}
.spinner_tVmX {
animation-delay: .8s
}
.spinner_DQhX {
animation-delay: .9s
}
.spinner_GIL4 {
animation-delay: 1s
}
.spinner_n0Yb {
animation-delay: 1.1s
}
@keyframes spinner_sM3D {
0%,
50% {
animation-timing-function: cubic-bezier(0, 1, 0, 1);
r: 0
}
10% {
animation-timing-function: cubic-bezier(.53, 0, .61, .73);
r: 2px
}
}
</style>
<circle class="spinner_DupU" cx="12" cy="3" r="0"></circle>
<circle class="spinner_DupU spinner_GWtZ" cx="16.50" cy="4.21" r="0"></circle>
<circle class="spinner_DupU spinner_n0Yb" cx="7.50" cy="4.21" r="0"></circle>
<circle class="spinner_DupU spinner_dwN6" cx="19.79" cy="7.50" r="0"></circle>
<circle class="spinner_DupU spinner_GIL4" cx="4.21" cy="7.50" r="0"></circle>
<circle class="spinner_DupU spinner_46QP" cx="21.00" cy="12.00" r="0"></circle>
<circle class="spinner_DupU spinner_DQhX" cx="3.00" cy="12.00" r="0"></circle>
<circle class="spinner_DupU spinner_PD82" cx="19.79" cy="16.50" r="0"></circle>
<circle class="spinner_DupU spinner_tVmX" cx="4.21" cy="16.50" r="0"></circle>
<circle class="spinner_DupU spinner_eUgh" cx="16.50" cy="19.79" r="0"></circle>
<circle class="spinner_DupU spinner_j38H" cx="7.50" cy="19.79" r="0"></circle>
<circle class="spinner_DupU spinner_eUaP" cx="12" cy="21" r="0"></circle>
</svg>
</div>
<div class="img-state done state2"></div>
<div class="img-state error state3">
<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 24 24" role="img" aria-labelledby="errorIconTitle" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"
color="#000000">
<title id="errorIconTitle">Error</title>
<path d="M12 8L12 13"></path>
<line x1="12" y1="16" x2="12" y2="16"></line>
<circle cx="12" cy="12" r="10"></circle>
</svg>
</div>
</div>
</div>
<div class="c-image-upload__text"> BACK</div>
</div>
</div>
</div>
<div class="d-review__el d-review__el--flex hidden-mob">
<div class="d-review__prop">
<div class="d-prop">
<span class="d-prop__key"> Add Notes: </span>
<span class="d-prop__val js-text-note"> As is </span>
</div>
<a class="c-step__secondary-btn js-open-step js-form-btn js-send-metrics" data-metric="notes" data-target="note">
Edit notes
</a>
</div>
</div>
<div class=" size-row ">
<div class="js-prod-type-block hidden-desk active" data-type="portrait" data-sides="2" style="justify-content: space-around;">
<div class="c-step__title js-img-upload-block" data-side="front" style="
margin-right: 0;
">
<button class="c-step__upload-btn js-upload-image js-form-btn js-send-metrics btn-hidden" data-image="front" style="
border: 1px solid #e2e2e2;
border-radius: 5px;
padding: 8px 7px 6px 7px;
box-shadow: 0 1px 2px #23232347;
"> Front Image <svg class="upload-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#8c5dbf" height="20px" width="20px" version="1.1" id="Capa_1"
viewBox="-5.88 -5.88 305.92 305.92" xml:space="preserve" stroke="#8c5dbf" stroke-width="8" transform="rotate(0)">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#808080" stroke-width="4.706496"></g>
<g id="SVGRepo_iconCarrier">
<g>
<path
d="M227.002,108.256c-2.755-41.751-37.6-74.878-80.036-74.878c-42.447,0-77.298,33.141-80.038,74.907 C28.978,113.059,0,145.39,0,184.184c0,42.234,34.36,76.595,76.595,76.595h116.483c3.313,0,6-2.687,6-6s-2.687-6-6-6H76.595 C40.977,248.778,12,219.801,12,184.184c0-34.275,26.833-62.568,61.087-64.411c3.184-0.171,5.678-2.803,5.678-5.991 c0-0.119-0.003-0.236-0.01-0.355c0.09-37.536,30.654-68.049,68.211-68.049c37.563,0,68.132,30.518,68.211,68.063 c-0.005,0.116-0.009,0.238-0.009,0.329c0,3.196,2.505,5.831,5.696,5.992c34.37,1.741,61.292,30.038,61.292,64.421 c0,19.526-8.698,37.801-23.864,50.138c-2.571,2.091-2.959,5.87-0.868,8.44c2.091,2.571,5.87,2.959,8.44,0.868 c17.98-14.626,28.292-36.293,28.292-59.447C294.156,145.269,265.08,112.926,227.002,108.256z">
</path>
<path d="M140.966,141.078v76.511c0,3.313,2.687,6,6,6s6-2.687,6-6v-76.511c0-3.313-2.687-6-6-6S140.966,137.765,140.966,141.078z"></path>
<path
d="M181.283,152.204c1.536,0,3.071-0.586,4.243-1.757c2.343-2.343,2.343-6.142,0-8.485l-34.317-34.317 c-2.343-2.343-6.143-2.343-8.485,0l-34.317,34.317c-2.343,2.343-2.343,6.142,0,8.485c2.343,2.343,6.143,2.343,8.485,0 l30.074-30.074l30.074,30.074C178.212,151.618,179.748,152.204,181.283,152.204z">
</path>
</g>
</g>
</svg>
</button>
</div>
<div class="c-step__title js-img-upload-block" data-side="back" style="
margin-right: 0;
">
<button class="c-step__upload-btn js-upload-image js-form-btn js-send-metrics btn-hidden" data-image="back" style="
border: 1px solid #e2e2e2;
border-radius: 5px;
padding: 8px 7px 6px 7px;
box-shadow: 0 1px 2px #23232347;
"> Back Image <svg class="upload-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#8c5dbf" height="20px" width="20px" version="1.1" id="Capa_1"
viewBox="-5.88 -5.88 305.92 305.92" xml:space="preserve" stroke="#8c5dbf" stroke-width="8" transform="rotate(0)">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#808080" stroke-width="4.706496"></g>
<g id="SVGRepo_iconCarrier">
<g>
<path
d="M227.002,108.256c-2.755-41.751-37.6-74.878-80.036-74.878c-42.447,0-77.298,33.141-80.038,74.907 C28.978,113.059,0,145.39,0,184.184c0,42.234,34.36,76.595,76.595,76.595h116.483c3.313,0,6-2.687,6-6s-2.687-6-6-6H76.595 C40.977,248.778,12,219.801,12,184.184c0-34.275,26.833-62.568,61.087-64.411c3.184-0.171,5.678-2.803,5.678-5.991 c0-0.119-0.003-0.236-0.01-0.355c0.09-37.536,30.654-68.049,68.211-68.049c37.563,0,68.132,30.518,68.211,68.063 c-0.005,0.116-0.009,0.238-0.009,0.329c0,3.196,2.505,5.831,5.696,5.992c34.37,1.741,61.292,30.038,61.292,64.421 c0,19.526-8.698,37.801-23.864,50.138c-2.571,2.091-2.959,5.87-0.868,8.44c2.091,2.571,5.87,2.959,8.44,0.868 c17.98-14.626,28.292-36.293,28.292-59.447C294.156,145.269,265.08,112.926,227.002,108.256z">
</path>
<path d="M140.966,141.078v76.511c0,3.313,2.687,6,6,6s6-2.687,6-6v-76.511c0-3.313-2.687-6-6-6S140.966,137.765,140.966,141.078z"></path>
<path
d="M181.283,152.204c1.536,0,3.071-0.586,4.243-1.757c2.343-2.343,2.343-6.142,0-8.485l-34.317-34.317 c-2.343-2.343-6.143-2.343-8.485,0l-34.317,34.317c-2.343,2.343-2.343,6.142,0,8.485c2.343,2.343,6.143,2.343,8.485,0 l30.074-30.074l30.074,30.074C178.212,151.618,179.748,152.204,181.283,152.204z">
</path>
</g>
</g>
</svg>
</button>
</div>
</div>
<div class="js-prod-opt size-row__content">
<div class="d-review__el">
<div class="opt-block opt-block__opt--m">
<div class="hidden-mob d-prop ">
<span>Size:</span>
</div>
<div class="js-radio-btn-wrap">
<div class="size-block">
<div class="c-block-swatch js-radio-wrap c-step__option-wrap">
<input class="c-block-swatch__radio js-prod-option js-change-size" type="radio" name="shaped-general3d-v6-7005896441941-1" id="shaped-general3d-v6-7005896441941-1-1" value="Small 16"" required="" aria-hidden="true">
<label class="c-step__secondary-btn c-step__option js-radio-btn js-form-btn" for="shaped-general3d-v6-7005896441941-1-1" title="Small 16"">
<span class="c-block-swatch__item-text">Small 16" </span>
</label>
</div>
<div class="c-block-swatch js-radio-wrap active c-step__option-wrap">
<input class="c-block-swatch__radio js-prod-option js-change-size" type="radio" name="shaped-general3d-v6-7005896441941-1" id="shaped-general3d-v6-7005896441941-1-2" value="Medium 18"" required="" checked="checked"
aria-hidden="true">
<label class="c-step__secondary-btn c-step__option js-radio-btn js-form-btn active" for="shaped-general3d-v6-7005896441941-1-2" title="Medium 18"">
<span class="c-block-swatch__item-text">Medium 18" </span>
</label>
</div>
<div class="c-block-swatch js-radio-wrap c-step__option-wrap">
<input class="c-block-swatch__radio js-prod-option js-change-size" type="radio" name="shaped-general3d-v6-7005896441941-1" id="shaped-general3d-v6-7005896441941-1-3" value="Large 20"" required="" aria-hidden="true">
<label class="c-step__secondary-btn c-step__option js-radio-btn js-form-btn" for="shaped-general3d-v6-7005896441941-1-3" title="Large 20"">
<span class="c-block-swatch__item-text">Large 20" </span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-review__note hidden-mob">* By uploading an image you agree to our <a href="/pages/terms" class="c-upload-block__link">Terms of
Service.</a>
</div>
</div>
<div class="c-step__content--br c-step__content js-fix-wrap c-step__content--row hide" data-fix="false">
<div class="c-step__row js-fix-d"> Mockup need fixing? <a href="" class="js-open-step c-step__link-btn js-form-btn" data-target="note"> Click here</a>
</div>
<div class="c-step__row js-fix-c c-s-fix">
<span class="c-s-fix__text"><b> Notes:</b> <span class="js-text-note"></span></span>
<a href="" class="js-open-step c-step__link-btn js-form-btn c-s-fix__btn" data-target="note">Edit notes</a>
</div>
</div>
<div class="c-step__footer">
<div class="c-step-buy">
<input type="text" name="id" value="" class="js-variant-id hide">
<input type="text" class="hide" name="quantity" value="1">
<div class="c-step-buy__btn-block">
<button type="submit" class="c-step__main-btn--cart js-form-btn c-step__main-btn js-form-btn button button--primary js-order-button js-send-metrics" data-metric="cart"> Add to cart <span class="" data-img="false" data-mockup="false">
<span class="c-step__compare c-step__money js-prev-price" style="display: none;"></span>
<span class="c-step__money js-curr-price">$60</span></span>
<style>
.btn-spin-loader {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
cursor: default;
z-index: 100;
background: #ffc00acf;
}
.btn-spin-loader.hide {
display: none;
}
.lds-ring {
display: inline-block;
position: relative;
width: 30px;
height: 30px;
;
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 22px;
height: 22px;
margin: 4px;
border: 3px solid #f5f5f5;
border-radius: 50%;
animation: lds-ring 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #f5f5f5 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
<div class="js-preloader-file btn-spin-loader hide ">
<div class="lds-ring">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<div class="js-preloader-btn preloader_b hide">
<div class="preloader-b__block">
<svg class="preloader_b__icon " viewBox="0 0 27 24" role="presentation">
<g transform="translate(0 1)" stroke-width="1.5" stroke="currentColor" fill="none" fill-rule="evenodd" style="stroke: white;">
<circle stroke-linecap="square" cx="11" cy="20" r="2"></circle>
<circle stroke-linecap="square" cx="22" cy="20" r="2"></circle>
<path d="M7.31 5h18.27l-1.44 10H9.78L6.22 0H0"></path>
</g>
</svg>
</div>
<span></span>
</div>
</button>
</div>
</div>
</div>
<div class="m-btn-section js-added-block js-added-block--desk hide hidden-mob">
<p class="m-btn-section__text">
<svg width="20px" height="20px" viewBox="-2.56 -2.56 69.12 69.12" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#0288d1" stroke-width="7.16" transform="rotate(0)">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<circle cx="32" cy="32" r="24"></circle>
<polyline points="44 24 28 40 20 32"></polyline>
</g>
</svg> Product has been successfully added to your cart
</p>
<div class="m-btn-section__btn-block">
<button class="button button-outline m-btn-section__btn js-added-block-hide"> Continue shopping </button>
<a href="/cart" class="button button-outline m-btn-section__btn"> View Cart
<svg xmlns="http://www.w3.org/2000/svg" width="14px" height="14px" viewBox="0 0 16 16" fill="none" transform="rotate(0)" style=" vertical-align: middle;
margin-bottom: 3px;">
<g id="SVGRepo_bgCarrier" stroke-width="0"></g>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
<g id="SVGRepo_iconCarrier">
<path fill="#787878" fill-rule="evenodd" d="M8 3.517a1 1 0 011.62-.784l5.348 4.233a1 1 0 010 1.568l-5.347 4.233A1 1 0 018 11.983v-1.545c-.76-.043-1.484.003-2.254.218-.994.279-2.118.857-3.506 1.99a.993.993 0 01-1.129.096.962.962 0 01-.445-1.099c.415-1.5 1.425-3.141 2.808-4.412C4.69 6.114 6.244 5.241 8 5.042V3.517zm1.5 1.034v1.2a.75.75 0 01-.75.75c-1.586 0-3.066.738-4.261 1.835a8.996 8.996 0 00-1.635 2.014c.878-.552 1.695-.916 2.488-1.138 1.247-.35 2.377-.33 3.49-.207a.75.75 0 01.668.745v1.2l4.042-3.2L9.5 4.55z" clip-rule="evenodd"></path>
</g>
</svg>
</a>
</div>
</div>
</div>
<div class="c-step js-step hide c-step__note js-tab-wrap" data-type="note">
<input type="text" hidden="" name="properties[_Image_Upload]">
<input type="text" hidden="" name="properties[_Image_original]">
<div class="c-step__header c-step__header--tab">
<div class="c-step__title"> Add Notes </div>
<div class="c-step__info hidden-mob">
<p> Review the steps below to personalize your custom pillow </p>
</div>
<div class="c-step__tabs c-tab__wrap c-sides--two">
<button class="c-tab__el active js-tab-btn" data-target="1"> FRONT</button>
<button class="c-tab__el js-tab-btn" data-target="2"> BACK</button>
</div>
</div>
<div class="c-step__content js-notes-container js-tab-block active" data-tab="1">
<div class="c-step__options ">
<div class="c-block-swatch">
<input id="note1-p" type="radio" name="notes-front" value="0" required="" class="c-block-swatch__radio" checked="checked">
<label for="note1-p" class="c-step__secondary-btn c-step__option js-notes active js-form-btn" data-fix="false"> Keep mockup as is </label>
</div>
<div class="c-block-swatch">
<input id="note2-p" type="radio" name="notes-front" value="1" required="" class="c-block-swatch__radio">
<label for="note2-p" class="c-step__secondary-btn c-step__option js-notes js-form-btn" data-fix="true">
<span class="c-sides--one"> Photo needs fixing </span>
<span class="c-sides--two"> Front side needs fixing </span> </label>
</div>
</div>
<div class="js-notes-textarea-block hide c-step__textarea-block">
<textarea name="properties[Cropping Notes]" class="c-step__textarea js-notes-valid " id="js-notes-textarea" data-val="As is" placeholder="What needs to be fixed? ie. Fix the part that was cut off."></textarea>
</div>
</div>
<div class="c-step__content js-notes-container js-tab-block c-sides--two" data-tab="2">
<div class="c-step__options ">
<div class="c-block-swatch">
<input id="note3-p" type="radio" name="notes_back" value="0" required="" class="c-block-swatch__radio" checked="checked">
<label for="note3-p" class="c-step__secondary-btn c-step__option js-notes active js-form-btn" data-fix="false"> Keep mockup as is </label>
</div>
<div class="c-block-swatch">
<input id="note4-p" type="radio" name="notes_back" value="1" required="" class="c-block-swatch__radio">
<label for="note4-p" class="c-step__secondary-btn c-step__option js-notes js-form-btn" data-fix="true"> Back side needs fixing </label>
</div>
</div>
<div class="js-notes-textarea-block hide c-step__textarea-block">
<textarea name="properties[notes_for_back _side_2]" class="c-step__textarea js-notes-valid " id="js-notes-textarea" data-val="As is" placeholder="What needs to be fixed? ie. Fix the part that was cut off."></textarea>
</div>
</div>
<div class="c-step__footer">
<a href="" class="c-step__main-btn c-step__main-btn--done js-form-btn js-step-done button button--primary">
<span class="hidden-mob">Return to design review</span>
<span class="hidden-desk">Save Notes</span>
</a>
</div>
</div>
<input type="text" hidden="" name="properties[_template]" value="page.shaped-general3d-v6">
<input type="text" hidden="" name="properties[_isMockup]" class="js-mockup-success-input" value="false">
</form>POST //stamped.io/api/questions
<form method="post" action="//stamped.io/api/questions" id="new-question-form" class="new-question-form" onsubmit="StampedFn.submitQuestionForm(this);return false;" style="display:none;">
<input type="hidden" name="productId" value="6715706605653">
<input type="hidden" name="shop" value="lilipi-brand.myshopify.com">
<input type="hidden" name="apiKey" value="34807">
<input type="hidden" name="storeUrl" value="allaboutvibe.com">
<input type="hidden" name="sId" value="34807">
<div class="spr-form-title stamped-form-title">Ask a Question</div>
<fieldset class="spr-form-contact stamped-form-contact">
<legend style="display:none;">Author</legend>
<div class="spr-form-contact-name stamped-form-contact-name">
<label class="spr-form-label stamped-form-label" for="question_author_6715706605653">Name</label>
<input class="spr-form-input spr-form-input-text stamped-form-input stamped-form-input-text" id="question_author_6715706605653" type="text" name="name" value="" placeholder="Enter your name" required="">
</div>
<div class="spr-form-contact-email stamped-form-contact-email">
<label class="spr-form-label stamped-form-label" for="question_email_6715706605653">Email</label>
<input class="spr-form-input spr-form-input-email stamped-form-input stamped-form-input-email" id="question_email_6715706605653" type="email" name="email" value="" placeholder="john.smith@example.com" required="">
</div>
</fieldset>
<fieldset class="spr-form-review stamped-form-review">
<legend style="display:none;">Question</legend>
<div class="spr-form-review-body stamped-form-review-body">
<label class="spr-form-label stamped-form-label" for="question_body_6715706605653">Question</label>
<div class="spr-form-input stamped-form-input">
<textarea class="spr-form-input spr-form-input-textarea stamped-form-input stamped-form-input-textarea" id="question_body_6715706605653" data-product-id="6715706605653" name="reviewBody" rows="10" maxlength="1000"
placeholder="Write your question here" required=""></textarea>
</div>
</div>
</fieldset>
<fieldset class="spr-form-actions stamped-form-actions">
<legend style="display:none;">Submit</legend>
<input type="submit" class="stamped-button stamped-button-primary button button-primary btn btn-primary" value="Submit Question">
</fieldset>
</form>POST
<form method="post" id="new-review-form_6715706605653" class="new-review-form" aria-expanded="false" onsubmit="event.preventDefault(); StampedFn.submitForm(this);" style="display: none;border: 1px solid #dddddd4d;padding: 15px"> <input type="hidden"
name="productId" value="6715706605653">
<div class="stamped-form-title" style=" display:none;">Write a review</div>
<fieldset class="stamped-form-contact">
<legend style="display:none;">Author</legend>
<div class="stamped-form-contact-name"> <label class="stamped-form-label" for="review_author_6715706605653">Name</label> <input class="stamped-form-input stamped-form-input-text " id="review_author_6715706605653" type="text" name="author"
required="" value="" placeholder="Enter your name" autocomplete="name"> </div>
<div class="stamped-form-contact-email"> <label class="stamped-form-label" for="review_email_6715706605653">Email</label> <input class="stamped-form-input stamped-form-input-email " id="review_email_6715706605653" type="email" name="email"
required="" value="" placeholder="john.smith@example.com" autocomplete="email"> </div>
<div class="stamped-form-contact-location"> <label class="stamped-form-label" for="review_location_6715706605653">Location</label> <input class="stamped-form-input stamped-form-input-text " id="review_location_6715706605653" type="text"
name="location" value="" placeholder="e.g Paris, France" autocomplete="shipping country"> </div>
</fieldset>
<fieldset class="stamped-form-review">
<legend style="display:none;">Rating</legend>
<div class="stamped-form-review-rating"> <label class="stamped-form-label" for="reviewRating">Rating</label> <input type="text" id="reviewRating" name="reviewRating"
style="font-size: 0px; border: none; height: 1px; width: 1px; margin: 0; padding: 0; line-height: 0px; min-height: 0px;" required="">
<div class="stamped-form-input stamped-starrating">
<a href="#" onclick="StampedFn.setRating(this);return false;" onkeydown="StampedFn.setRating(this);return false;" role="button" tabindex="0" class="stamped-fa stamped-fa-star-o" data-value="1"><span style="display:none;">1</span></a>
<a href="#" onclick="StampedFn.setRating(this);return false;" onkeydown="StampedFn.setRating(this);return false;" role="button" tabindex="0" class="stamped-fa stamped-fa-star-o" data-value="2"><span style="display:none;">2</span></a>
<a href="#" onclick="StampedFn.setRating(this);return false;" onkeydown="StampedFn.setRating(this);return false;" role="button" tabindex="0" class="stamped-fa stamped-fa-star-o" data-value="3"><span style="display:none;">3</span></a>
<a href="#" onclick="StampedFn.setRating(this);return false;" onkeydown="StampedFn.setRating(this);return false;" role="button" tabindex="0" class="stamped-fa stamped-fa-star-o" data-value="4"><span style="display:none;">4</span></a>
<a href="#" onclick="StampedFn.setRating(this);return false;" onkeydown="StampedFn.setRating(this);return false;" role="button" tabindex="0" class="stamped-fa stamped-fa-star-o" data-value="5"><span style="display:none;">5</span></a> </div>
</div>
<div class="stamped-form-review-title"> <label class="stamped-form-label" for="review_title_6715706605653">Title of Review</label> <input class="stamped-form-input stamped-form-input-text" id="review_title_6715706605653" type="text"
name="reviewTitle" required="" value="" placeholder="Give your review a title"> </div>
<div class="stamped-form-review-body"> <label class="stamped-form-label" for="review_body_6715706605653">How was your overall experience?</label>
<div class="stamped-form-input"> <textarea class="stamped-form-input stamped-form-input-textarea" id="review_body_6715706605653" data-product-id="6715706605653" name="reviewMessage" required="" rows="10" maxlength="5000"></textarea> </div>
</div>
</fieldset>
<fieldset class="stamped-form-custom-questions">
<legend style="display:none;">Questions</legend>
<div class="stamped-form-review-recommend">
<div class="stamped-form-review-recommend-label">Do you recommend this product?</div> <label class="stamped-form-label stamped-form-label-recommend-yes"> <input class="stamped-form-input" type="radio" name="reviewRecommendProduct" value="true"
aria-label="Yes, I recommend this product"> Yes </label> <label class="stamped-form-label stamped-form-label-recommend-no"> <input class="stamped-form-input" type="radio" name="reviewRecommendProduct" value="false"
aria-label="No, I do not recommend this product"> No </label>
</div>
</fieldset>
<fieldset class="stamped-form-actions">
<legend style="display:none;">Photos</legend> <span class="stamped-file-holder"> </span> <span class="stamped-file-uploader" style="display:none;"> <label for="stamped-file-uploader-input"> <span style="display:none;">Upload</span> <input
id="stamped-file-uploader-input" type="file" name="stamped-file-uploader-input" class="stamped-file-uploader-input" multiple="" data-product-id="6715706605653" style="display:none;"> <span class="stamped-file-uploader-btn"
style="border:1px solid #333;padding: 6px 10px; font-size:13px; border-radius: .3em;"> <i class="stamped-fa stamped-fa-camera"></i> <span class="stamped-file-uploader-btn-label2"></span> </span> </label> </span> <span
class="stamped-file-loading hide" style="display:none;"> <i class="fa fa-spinner fa-spin"></i> </span> <input id="stamped-button-submit" type="submit" class="stamped-button stamped-button-primary button button-primary btn btn-primary"
value="Submit">
</fieldset>
</form>POST https://track.sendlane.com/track/form/submission/eyJkb21haW4iOiJhbGxhYm91dHZpYmUiLCJmb3JtX2lkIjoiYWJhN2JmNjctYWExOC00OTI4LWFhMDktNzlkNDlhOTJlYmRlIn0=
<form id="slf-form" method="POST" action="https://track.sendlane.com/track/form/submission/eyJkb21haW4iOiJhbGxhYm91dHZpYmUiLCJmb3JtX2lkIjoiYWJhN2JmNjctYWExOC00OTI4LWFhMDktNzlkNDlhOTJlYmRlIn0=" class="slf-form Center slf-form--page-1"
style="color: rgb(0, 0, 0); width: 100%; display: block; padding: 32px; max-width: unset; min-width: unset; max-height: unset; min-height: 180px; border-style: none; border-width: 0px; border-radius: 6px; background-color: rgb(255, 189, 2);">
<button id="slf-close" type="button" class="slf-widget__close-button" style="border-radius: 0px; background-color: transparent;"><span class="close-icon close-icon--size-medium close-icon--stroke-thin"
style="color: rgb(0, 0, 0); font-size: 2rem; -webkit-text-stroke-width: thin;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L15 15" stroke="black" stroke-width="2" stroke-linecap="round"></path>
<path d="M15 1L1 15" stroke="black" stroke-width="2" stroke-linecap="round"></path>
</svg></span></button>
<div class="elements">
<div sl-form-element-type="text" class="form-element">
<div
style="width: 100%; overflow-wrap: break-word; color: rgb(0, 0, 0); margin: 0px auto; padding: 0px; font-size: 28px; font-style: normal; text-align: center; font-family: Poppins, sans-serif; font-weight: 700; line-height: 1.25; border-style: none; border-width: 1px; border-radius: 0px; letter-spacing: 1px; text-decoration: none;">
<p>UNLOCK EARLY MOTHER'S DAY DEAL </p>
</div>
</div>
<div sl-form-element-type="text" class="form-element">
<div
style="width: 100%; overflow-wrap: break-word; color: rgb(0, 0, 0); margin: 0px auto; padding: 0px; font-size: 16px; font-style: normal; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.2; border-style: none; border-width: 1px; border-radius: 0px; letter-spacing: 0px; text-decoration: none;">
<p></p>
</div>
</div>
<div sl-form-element-type="image" class="form-element"><img src="https://sendlane.com/images/user-media/kNmXD/9/guRYe2yLHVuYH0IhWvmnnQcqoHH2XZbQU2kCpZRP.jpg" alt="Form image"
style="width: 340px; display: block; padding: 0px; max-width: 100%; margin-top: 0px; max-height: 100%; border-radius: 0px; margin-bottom: 2px;"></div>
<div sl-form-element-type="field" class="form-element" style="margin-top: 8px; margin-bottom: 0px;">
<div class="field-wrapper"><input class="field-input" type="email" name="email" placeholder="Email *" required=""
style="--color: #000000; color: rgb(0, 0, 0); width: 100%; height: 40px; padding: 5px 10px; font-size: 16px; max-width: 360px; margin-top: 0px; min-height: 10px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.2; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 12px; margin-bottom: 20px; background-color: rgb(255, 255, 255);">
</div>
</div>
<div sl-form-element-type="submit" class="form-element"><button type="submit" data-settings-action="submitNext" data-settings-url="null" class="slf-button"
style="color: rgb(255, 255, 255); width: 100%; display: flex; outline: none; font-size: 16px; max-width: 360px; font-style: normal; margin-top: 0px; min-height: 42px; align-items: center; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.2; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 6px; margin-bottom: 20px; letter-spacing: 0px; justify-content: center; text-decoration: none; background-color: rgb(35, 34, 33);">NEXT</button>
</div>
</div>
</form>POST https://track.sendlane.com/track/form/submission/eyJkb21haW4iOiJhbGxhYm91dHZpYmUiLCJmb3JtX2lkIjoiYjg4YzlhZjktZmZiYS00NGFiLTg5MjgtODdkNmQ4YjZlMWQyIn0=
<form id="slf-form" method="POST" action="https://track.sendlane.com/track/form/submission/eyJkb21haW4iOiJhbGxhYm91dHZpYmUiLCJmb3JtX2lkIjoiYjg4YzlhZjktZmZiYS00NGFiLTg5MjgtODdkNmQ4YjZlMWQyIn0=" class="slf-form Center slf-form--page-1"
style="color: rgb(0, 0, 0); width: 100%; display: block; padding: 32px; max-width: unset; min-width: unset; max-height: unset; min-height: 180px; border-style: none; border-width: 0px; border-radius: 6px; background-color: rgb(255, 189, 2);">
<button id="slf-close" type="button" class="slf-widget__close-button" style="border-radius: 0px; background-color: transparent;"><span class="close-icon close-icon--size-medium close-icon--stroke-thin"
style="color: rgb(0, 0, 0); font-size: 2rem; -webkit-text-stroke-width: thin;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L15 15" stroke="black" stroke-width="2" stroke-linecap="round"></path>
<path d="M15 1L1 15" stroke="black" stroke-width="2" stroke-linecap="round"></path>
</svg></span></button>
<div class="elements">
<div sl-form-element-type="text" class="form-element">
<div
style="width: 100%; overflow-wrap: break-word; color: rgb(0, 0, 0); margin: 0px auto; padding: 0px; font-size: 16px; font-style: normal; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.2; border-style: none; border-width: 1px; border-radius: 0px; letter-spacing: 0px; text-decoration: none;">
<p></p>
</div>
</div>
<div sl-form-element-type="image" class="form-element"><img src="https://sendlane.com/images/user-media/kNmXD/9/guRYe2yLHVuYH0IhWvmnnQcqoHH2XZbQU2kCpZRP.jpg" alt="Form image"
style="width: 340px; display: block; padding: 0px; max-width: 100%; margin-top: 0px; max-height: 100%; border-radius: 0px; margin-bottom: 2px;"></div>
<div sl-form-element-type="field" class="form-element" style="margin-top: 8px; margin-bottom: 0px;">
<div class="field-wrapper"><input class="field-input" type="email" name="email" placeholder="Email *" required=""
style="--color: #000000; color: rgb(0, 0, 0); width: 100%; height: 40px; padding: 5px 10px; font-size: 16px; max-width: 360px; margin-top: 0px; min-height: 10px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.2; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 12px; margin-bottom: 20px; background-color: rgb(255, 255, 255);">
</div>
</div>
<div sl-form-element-type="submit" class="form-element"><button type="submit" data-settings-action="submitNext" data-settings-url="null" class="slf-button"
style="color: rgb(255, 255, 255); width: 100%; display: flex; outline: none; font-size: 16px; max-width: 360px; font-style: normal; margin-top: 0px; min-height: 42px; align-items: center; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.2; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 6px; margin-bottom: 20px; letter-spacing: 0px; justify-content: center; text-decoration: none; background-color: rgb(35, 34, 33);">NEXT</button>
</div>
</div>
</form>POST https://track.sendlane.com/track/form/submission/eyJkb21haW4iOiJhbGxhYm91dHZpYmUiLCJmb3JtX2lkIjoiYzA5MTc5OGYtYTZlYS00NTA0LWExYzUtNjA1M2NkM2EyMGU5In0=
<form id="slf-form" method="POST" action="https://track.sendlane.com/track/form/submission/eyJkb21haW4iOiJhbGxhYm91dHZpYmUiLCJmb3JtX2lkIjoiYzA5MTc5OGYtYTZlYS00NTA0LWExYzUtNjA1M2NkM2EyMGU5In0=" class="slf-form Center slf-form--page-1"
style="color: rgb(0, 0, 0); width: 100%; display: block; padding: 32px; max-width: unset; min-width: unset; max-height: unset; min-height: 180px; border-style: none; border-width: 0px; border-radius: 6px; background-color: rgb(255, 189, 2);">
<button id="slf-close" type="button" class="slf-widget__close-button" style="border-radius: 0px; background-color: transparent;"><span class="close-icon close-icon--size-medium close-icon--stroke-thin"
style="color: rgb(0, 0, 0); font-size: 2rem; -webkit-text-stroke-width: thin;"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1L15 15" stroke="black" stroke-width="2" stroke-linecap="round"></path>
<path d="M15 1L1 15" stroke="black" stroke-width="2" stroke-linecap="round"></path>
</svg></span></button>
<div class="elements">
<div sl-form-element-type="text" class="form-element">
<div
style="width: 100%; overflow-wrap: break-word; color: rgb(0, 0, 0); margin: 0px auto; padding: 0px; font-size: 28px; font-style: normal; text-align: center; font-family: Poppins, sans-serif; font-weight: 700; line-height: 1.25; border-style: none; border-width: 1px; border-radius: 0px; letter-spacing: 1px; text-decoration: none;">
<p>UNLOCK EARLY FATHER'S DAY DEAL</p>
</div>
</div>
<div sl-form-element-type="text" class="form-element">
<div
style="width: 100%; overflow-wrap: break-word; color: rgb(0, 0, 0); margin: 0px auto; padding: 0px; font-size: 16px; font-style: normal; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.2; border-style: none; border-width: 1px; border-radius: 0px; letter-spacing: 0px; text-decoration: none;">
<p></p>
</div>
</div>
<div sl-form-element-type="image" class="form-element"><img src="https://sendlane.com/images/user-media/kNmXD/9/guRYe2yLHVuYH0IhWvmnnQcqoHH2XZbQU2kCpZRP.jpg" alt="Form image"
style="width: 340px; display: block; padding: 0px; max-width: 100%; margin-top: 0px; max-height: 100%; border-radius: 0px; margin-bottom: 2px;"></div>
<div sl-form-element-type="field" class="form-element" style="margin-top: 8px; margin-bottom: 0px;">
<div class="field-wrapper"><input class="field-input" type="email" name="email" placeholder="Email *" required=""
style="--color: #000000; color: rgb(0, 0, 0); width: 100%; height: 40px; padding: 5px 10px; font-size: 16px; max-width: 360px; margin-top: 0px; min-height: 10px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.2; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 12px; margin-bottom: 20px; background-color: rgb(255, 255, 255);">
</div>
</div>
<div sl-form-element-type="submit" class="form-element"><button type="submit" data-settings-action="submitNext" data-settings-url="null" class="slf-button"
style="color: rgb(255, 255, 255); width: 100%; display: flex; outline: none; font-size: 16px; max-width: 360px; font-style: normal; margin-top: 0px; min-height: 42px; align-items: center; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.2; border-color: rgb(0, 0, 0); border-style: none; border-width: 0px; border-radius: 6px; margin-bottom: 20px; letter-spacing: 0px; justify-content: center; text-decoration: none; background-color: rgb(35, 34, 33);">NEXT</button>
</div>
</div>
</form>Text Content
USE CODE "PAPA" AT CHECKOUT FOR 15% OFF
Click here to continue designing your pillow
* Shop
* Customer Stories
* Help
* Refer A Friend
Need help?
Customer Care Service
Follow Us
* Facebook
* Instagram
* Pinterest
* TikTok
* YouTube
* LinkedIn
Back
* Shop
* Custom Pillows
* Custom Pillow Accessories
* Best Selling Custom Pillows
* Holidays Custom Pillow Gift Ideas
* Occasions Custom Pillow Gift Ideas
Back
* Custom Pillows
* Custom Shaped Pillow
* Custom Square Pillow
* Custom Life-size Pillow
Back
* Custom Pillow Accessories
* Custom Pillow Keychain
* Custom Ornament Pillow
* Custom Mini Pillow
Back
* Best Selling Custom Pillows
* Custom Dog Pillow
* Custom Cat Pillow
* Custom Human Pillow
* Custom Face Pillow
* Custom Life-size Pillow
* Custom Drawing Pillow
* Coloring Pillows
Back
* Holidays Custom Pillow Gift Ideas
* Valentine’s Day
* Mother’s Day
* Father’s Day
* Halloween
Back
* Occasions Custom Pillow Gift Ideas
* Weddings
* Graduations
* Memorials
Close
* Shop
* Custom Pillows
* Custom Shaped Pillow
* Custom Square Pillow
* Custom Life-size Pillow
* Custom Pillow Accessories
* Custom Pillow Keychain
* Custom Ornament Pillow
* Custom Mini Pillow
* Best Selling Custom Pillows
* Custom Dog Pillow
* Custom Cat Pillow
* Custom Human Pillow
* Custom Face Pillow
* Custom Life-size Pillow
* Custom Drawing Pillow
* Coloring Pillows
* Holidays Custom Pillow Gift Ideas
* Valentine’s Day
* Mother’s Day
* Father’s Day
* Halloween
* Occasions Custom Pillow Gift Ideas
* Weddings
* Graduations
* Memorials
* Customer Stories
* Help
* Refer A Friend
Login / Signup
My account
LOGIN TO MY ACCOUNT
Enter your e-mail and password:
Email
Password
Login
New customer? Create your account
Lost password? Recover password
RECOVER PASSWORD
Enter your email:
Email
Recover
Remembered your password? Back to login
CREATE MY ACCOUNT
Please fill in the information below:
First name
Last name
Email
Password
Create my account
Already have an account? Login here
0
Cart
Continue Your Pillow
Error
Upload Image Upload image to see Your Mockup
Retry
22"
0
22"
EDIT IMAGE
Error
Upload Image Upload image to see Your Mockup
FRONT
Error
Upload Image Upload image to see Your Mockup
BACK
Edit Image Edit image to see Your Mockup
By uploading an image you agree to our Terms of Service.
EDIT IMAGE
SHAPED SQUARE
Upload Image
By uploading an image you agree to our Terms of Service.
Upload Image
Mockup need fixing? Click here
Design Review
Review the steps below to personalize your custom pillow
Design Review
Review the steps below to personalize your custom pillow
Create Pillow:
Upload image
Add Notes: As is
Edit notes
Size:
Small 16"
Medium 22"
Large 30"
* By uploading an image you agree to our Terms of Service.
Mockup need fixing? Click here
Notes: Edit notes
Add to cart $60
Product has been successfully added to your cart
Continue shopping View Cart
Add Notes
Review the steps below to personalize your custom pillow
Keep mockup as is
Photo needs fixing
As is
Return to design review Save Notes
Design Review
Review the steps below to personalize your custom pillow
Create Pillow:
Upload Image
Error
FRONT
Upload Image
Error
BACK
Add Notes: As is
Edit notes
Front Image
Back Image
Size:
Small 16"
Medium 18"
Large 20"
* By uploading an image you agree to our Terms of Service.
Mockup need fixing? Click here
Notes: Edit notes
Add to cart $60
Product has been successfully added to your cart
Continue shopping View Cart
Add Notes
Review the steps below to personalize your custom pillow
FRONT BACK
Keep mockup as is
Photo needs fixing Front side needs fixing
Keep mockup as is
Back side needs fixing
Return to design review Save Notes
Product has been successfully added to your cart
Continue shopping View Cart
Add to cart $60
CREATE YOUR PILLOW
OK
FRONT
BACK
CLOSE
SAVE
CLOSE
SAVE
CREATE YOUR BUNDLE BELOW AND SAVE 30%
30" Large Pillow CREATE
+
10" Mini Pillow CREATE
+
Keychain Pillow CREATE
Things To Know Before Buying
Introducing the Custom-Shaped Pillow - a unique and emotional way to keep your
memories alive!
Upload any picture on our easy-to-use platform, and watch it transform into a
stunning personalized pillow.
Our handcrafted pillows are made with luxurious 100% ultra-soft velvet polyester
fabric, and the image is printed on both sides for an incredible visual impact.
We offer a 100% satisfaction guarantee and quick and friendly customer support.
Please note that due to the custom shaping process, the final shape of the
pillow may vary slightly
Shipping
All orders are shipped from Chicago, IL, within 3-5 business days. Please find
below the available shipping options, including the production time. However,
the transit time might vary based on the state you are located in.
- Standard Shipping (get your order within 8-10 business days) - $5.95
- Priority Shipping (get your order within 5-8 business days) - $14.95
- Expedited Shipping (get your order within 3-5 business days) - $29.95
- Free priority shipping on orders over $80
Why buy from us
At our company, your satisfaction is our top priority. We want you to be
completely happy with the pillow you receive from us. In case you are not
satisfied with your purchase or it gets misplaced or stolen, there's no need to
worry. We offer a 100% satisfaction guarantee policy, and we also provide a
lifetime warranty to demonstrate how much we care and stand behind our quality.
Your support enables us to keep our production in the USA, which helps us create
more local jobs and deliver your order fast.
Made In USA
Ships Fast
Lifetime Warranty
Customer Reviews
4.9 Based on 13,210 Reviews
5 ★
95%
12609
4 ★
3%
378
3 ★
1%
75
2 ★
0%
61
1 ★
1%
87
Customer Photos
i
i
i
i
i
i
i
i
Write a Review Ask a Question
* Reviews
* Questions
Thank you for posting a question!
Your question will appear on the site once we've answered it.
Ask a Question
Author
Name
Email
Question
Question
Submit
Write a review
Author
Name
Email
Location
Rating
Rating
1 2 3 4 5
Title of Review
How was your overall experience?
Questions
Do you recommend this product?
Yes No
Photos Upload
Thank you for submitting a review!
Your input is very much appreciated. Share it with your friends so they can
enjoy it too!
FacebookTwitter
Be the first to review this item
SortWith Photos Most Recent Highest Rating Lowest Rating Most Helpful
Filter Reviews:
×
* pillow
* quality
* daughter
* gift
* college
* picture
* experience
* company
* shipping
* photo
SortWith Photos Most Recent Highest Rating Lowest Rating Most Helpful
Clear filter
More Filters
KD
06/11/2024
Katie D.
United States
I recommend this product
AMAZING!
I got exactly what I needed and it ended up being the cutest Mother’s Day gift.
I gave a few suggestions because the website’s AI had trouble capturing exactly
what I wanted for the pillow, and the execution to my notes ended up being
perfect. Would definitely purchase again for a future gift!
* I agree to the terms & conditions that my uploaded photos or videos may be
shared on social media. I agree
Custom Shaped Pillow
Small 16"
Was this helpful? 0 0
RC
06/10/2024
Rebecca C.
United States
I recommend this product
BEST. GIFT. EVER.
I bought my first pillow for myself. It was so amazing that I decided to get one
for my dad for Father's Day. It was the perfect gift for someone who has
everything. The quality, instant preview, and fast shipping are great!
* I agree to the terms & conditions that my uploaded photos or videos may be
shared on social media. I agree
Custom Shaped Pillow
Small 16"
Was this helpful? 0 0
ST
06/10/2024
shane t.
United States
I recommend this product
CAT PILLOW
You did an awesome job. Love my pillows.
Custom Shaped Pillow
Small 16"
Was this helpful? 0 0
BM
06/09/2024
Billie M.
United States
I recommend this product
GREAT GIFT
I got these for my twins who are headed off to college. These are perfect and
I’m sure it’ll cheer them up on their rough days.
* I agree to the terms & conditions that my uploaded photos or videos may be
shared on social media. I agree
Custom Shaped Pillow
Small 16"
Was this helpful? 0 0
HM
06/08/2024
Hallie M.
United States
I recommend this product
GRANDMA
My grandma just passed and I thought it would be a good gift for my mom for
mother's Day it was a picture of her and shape just like the picture. It is just
a show pillow but it is pretty and they did a good job.
* I agree to the terms & conditions that my uploaded photos or videos may be
shared on social media. I agree
Custom Shaped Pillow
Medium 22"
Was this helpful? 0 0
* <
* <<
* 1
* 2
* 3
* 4
* 5
* 6
* 7
* 8
* 9
* 10
* >>
* >
Most Recent Most Helpful
×
Clear filters
KI
Kay I. 05/21/2024
Q: I paid for a pillow on 5/13/24. How long does it take to receive?
Answers (1)
Anonymous 05/21/2024
A: Hello! Most orders placed with standard shipping are delivered within 8-10
business days. Order placed with priority shipping will be delivered within 5-8
business days from the purchase date.
Was this helpful? 1 0
MA
Melissa A. 05/21/2024
Q: I'm trying to add a custom pillow to my cart. After I upload the image, the
option to add to cart grays out and I can't add to cart. What do I need to do?
Answers (1)
Anonymous 05/21/2024
A: Hi! We are sorry to hear that you're having trouble with placing an order.
Would you please reach out to our team with a brief description of the issue you
are encountering and a screenshot of the where you're stuck to
support@allaboutvibe.com? A team member will be happy to assist you and ensure
you are able to place your order!
Was this helpful? 0 0
MP
Michele P. 05/20/2024
Q: Are you able to get rid of another dog on picture that is next to mine? Tried
to paste photo for reference but unable to.
Answers (1)
Anonymous 05/20/2024
A: Hi! When you place your order if you want any specific cropping, just let us
know in the instructions by select "Click Here" next to "Mock up need fixing?".
Our design team will follow your request.
Was this helpful? 0 0
SL
Sharon L. 05/18/2024
Q: Hi, can you do one pillow with 2 dog pics?
Answers (1)
Anonymous 05/20/2024
A: Hello. Yes, a photo with two dogs can be used for one pillow. Add a cropping
note that both dogs are to appear on the pillow, as the mock-up tool may only
grab one after the image has been uploaded.
Was this helpful? 0 0
MH
Marilyn H. 05/17/2024
Q: Does it work with three dogs in the picture?
Answers (1)
Anonymous 05/20/2024
A: Hello. You can use a photo of 3 dogs for one pillow. Add a cropping note that
all 3 dogs are to be on the pillow as the mock-up tool may only capture one.
This notifies the design team that the pillow is to contain all 3 dogs when they
prepare the image for production.
Was this helpful? 0 0
< 1 2 3 43 >
UNLOCK EARLY MOTHER'S DAY DEAL
NEXT
NEXT
UNLOCK EARLY FATHER'S DAY DEAL
NEXT