bakerly.com
Open in
urlscan Pro
23.227.38.32
Public Scan
URL:
https://bakerly.com/
Submission Tags: analytics-framework
Submission: On April 23 via api from US — Scanned from CA
Submission Tags: analytics-framework
Submission: On April 23 via api from US — Scanned from CA
Form analysis 6 forms found in the DOM
POST /cart
<form id="CartDrawerForm" action="/cart" method="post" novalidate="" class="drawer__contents">
<div class="drawer__fixed-header">
<div class="drawer__header appear-animation appear-delay-1">
<div class="drawer__title">Cart</div>
<div class="drawer__close">
<button type="button" class="drawer__close-button js-drawer-close">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64">
<path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"></path>
</svg>
<span class="icon__fallback-text">Close cart</span>
</button>
</div>
</div>
</div>
<div class="drawer__inner">
<div class="drawer__scrollable">
<div class="appear-animation appear-delay-3"><!-- Free shipping progress markup -->
<div id="progress_wrapper" class="cart-shipping__wrapper">
<p class="cart-shipping__numOuter" style="display: block;">You're $<span class="cart-shipping__num">50</span> away from <b>Free Shipping!</b></p>
<p class="cart-shipping__success" style="display: none;">Congrats! You are eligible for <b>Free Shipping</b></p>
<div class="cart-shippingThreshold__bar">
<span class="cart-shippingThreshold__progress" style="width: 0%"><span class="f-cartgoal__icon"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
<path fill="currentColor"
d="M5.56445.761719C5.69336.503906 5.90104.375 6.1875.375s.49414.128906.62305.386719L8.20703 3.59766l3.13677.47265c.2864.02865.4726.17904.5585.45117.086.27214.0287.50847-.1718.70899L9.45312 7.44336l.53711 3.13674c.04297.2721-.05013.487-.27929.6445-.22917.1719-.4655.1934-.70899.0645L6.1875 9.82812 3.37305 11.2891c-.24349.1432-.47982.1289-.70899-.043-.22916-.1719-.32226-.3939-.27929-.666l.53711-3.13674L.644531 5.23047C.44401 5.02995.386719 4.79362.472656 4.52148c.085938-.27213.272136-.42252.558594-.45117l3.13672-.47265L5.56445.761719z">
</path>
</svg></span></span>
</div>
</div>
<style>
/* Style the progress bar */
.cart-shipping__wrapper {
padding: 20px 0px;
max-width: 700px;
}
.cart-shipping__numOuter,
.cart-shipping__success {
font-size: 14px;
}
.cart-shippingThreshold__bar {
position: relative;
/* Progress bar background color */
background-color: #004874;
height: 1rem;
border-radius: 5px;
}
.cart-shippingThreshold__progress {
position: absolute;
top: 0;
left: 0;
min-width: 0;
max-width: 100%;
height: 100%;
display: block;
/* Progress bar fill color */
background-color: #4ac5dd;
transition: width 1s;
}
.f-cartgoal__icon {
position: absolute;
right: -5px;
top: -5px;
border: 1px solid;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
color: currentColor;
background: #fff;
width: 26px;
height: 26px;
transition: left .35s ease-in-out, transform .2s ease;
transition-delay: .5s;
margin-left: -2px;
}
.bg-confetti-animated {
background-repeat: repeat;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='-10' width='6' height='10'/%3E%3Crect x='84' y='-10' width='6' height='10'/%3E%3Crect x='126' y='-13' width='5' height='13'/%3E%3Crect x='168' y='-13' width='5' height='13'/%3E%3Crect x='210' y='-10' width='6' height='10'/%3E%3Crect x='252' y='-13' width='5' height='13'/%3E%3Crect x='294' y='-10' width='6' height='10'/%3E%3Crect x='336' y='-13' width='5' height='13'/%3E%3Crect x='378' y='-13' width='5' height='13'/%3E%3Crect x='420' y='-10' width='6' height='10'/%3E%3Crect x='462' y='-10' width='6' height='10'/%3E%3Crect x='504' y='-13' width='5' height='13'/%3E%3Crect x='546' y='-10' width='6' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 631ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 442ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 476ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 619ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E%0A");
}
</style>
<script>
// Calculate the progress number, and the width of the progress bar.
function calculateProgress(currentVal, targetVal) {
const progressBarWrapper = document.getElementById('progress_wrapper');
const progressBar = document.querySelectorAll('.cart-shippingThreshold__progress');
const progressNum = document.querySelectorAll('.cart-shipping__num');
const progressOuter = document.querySelectorAll('.cart-shipping__numOuter');
const successMsg = document.querySelectorAll('.cart-shipping__success');
// calculate how far progress is from the total as a percentage
const result = Math.round(100 * currentVal / targetVal);
progressBar.forEach(function(el) {
el.setAttribute('style', "width: ".concat(result, "%"));
})
// Update the progess text. If threshold is met, show success message
const newProgressNum = (targetVal - currentVal) / 100;
if (newProgressNum <= 0) {
successMsg.forEach(function(el) {
el.style.display = 'block';
progressBarWrapper.classList.add("bg-confetti-animated");
});
progressOuter.forEach(function(el) {
el.style.display = 'none';
});
progressNum.forEach(function(el) {
el.textContent = newProgressNum;
});
} else {
successMsg.forEach(function(el) {
el.style.display = 'none';
});
progressOuter.forEach(function(el) {
el.style.display = 'block';
progressBarWrapper.classList.remove("bg-confetti-animated");
});
progressNum.forEach(function(el) {
el.textContent = newProgressNum;
});
}
};
//In your theme's main JS file, find each ajax call where your store adds to, deletes from, and updates the cart. Put this in the success function of each.
//NOTE: If you make this ajax request outside of the functions that update the cart, the calculator won't sync with the current cart state without refreshing the page. You need to specify that you want to read the current cart data AFTER the new items are added/removed.
fetch('/cart.js').then(response => response.json()).then(data => {
calculateProgress(data.total_price, 5000);
});
</script>
</div>
<div data-products="" class="appear-animation appear-delay-2">
<div class="cart__items" data-count="0" data-cart-subtotal="0">
</div>
</div>
<div class="appear-animation appear-delay-3">
<label for="CartNoteDrawer">Order note</label>
<textarea name="note" class="input-full cart-notes" id="CartNoteDrawer"></textarea>
</div>
</div>
<div class="drawer__footer appear-animation appear-delay-4">
<div data-discounts="">
<div class="cart__discounts hide">
<div class="cart__item-sub cart__item-row">
<div>Discounts</div>
<div class="text-right">
</div>
</div>
</div>
</div>
<div class="cart__item-sub cart__item-row">
<div class="cart__subtotal">Subtotal</div>
<div data-subtotal="">$0.00</div>
</div>
<div class="cart__item-row cart__savings text-center hide" data-savings=""></div>
<div class="cart__item-row text-center ajaxcart__note">
<small> Shipping, taxes, and discount codes calculated at checkout.<br>
</small>
</div>
<div class="cart__checkout-wrapper">
<button type="submit" name="checkout" data-terms-required="false" class="btn cart__checkout"> Check out </button>
</div>
</div>
</div>
<div class="drawer__cart-empty appear-animation appear-delay-2">
<div class="drawer__scrollable"> Your cart is currently empty. </div>
</div>
</form>GET /search
<form action="/search" method="get" id="HeaderSearchForm" class="site-header__search-form" role="search" autocomplete="off">
<input type="hidden" name="type" value="product,article,page,collection">
<input type="hidden" name="options[prefix]" value="last">
<button type="submit" class="text-link site-header__search-btn">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64">
<path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"></path>
</svg>
<span class="icon__fallback-text">Search</span>
</button>
<input type="search" name="q" value="" placeholder="Search our store" class="site-header__search-input" aria-label="Search our store">
</form>POST /contact#newsletter-footer
<form method="post" action="/contact#newsletter-footer" id="newsletter-footer" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
<label for="Email-7d75ccfe-ceef-4b48-af05-82af3e60797f" class="hidden-label">Enter your email</label>
<input type="hidden" name="contact[tags]" value="prospect,newsletter">
<input type="hidden" name="contact[context]" value="footer">
<div class="footer__newsletter">
<input type="email" value="" placeholder="Enter your email" name="contact[email]" id="Email-7d75ccfe-ceef-4b48-af05-82af3e60797f" class="footer__newsletter-input" autocorrect="off" autocapitalize="off">
<button type="submit" class="footer__newsletter-btn" name="commit">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-email" viewBox="0 0 64 64">
<path d="M63 52H1V12h62zM1 12l25.68 24h9.72L63 12M21.82 31.68L1.56 51.16m60.78.78L41.27 31.68"></path>
</svg>
<span class="icon__fallback-text">Subscribe</span>
</button>
</div>
</form>POST /account/login
<form method="post" action="/account/login" style="display:inline-block;width:100%;padding-top:15px;margin:0px;" id="oxi_loginform_popup"><input type="hidden" value="customer_login" name="form_type"><input type="hidden" name="utf8" value="">
<div>
<div><span class="remodal-form-control"><input label="Email" value="" type="email" name="customer[email]" class="remodal-form-input" placeholder="email" style="font-size:14px;" required=""></span></div>
<div><span class="remodal-form-control"><input label="Password" type="password" class="remodal-form-input" name="customer[password]" placeholder="password" style="font-size:14px;" required=""></span></div>
</div>
<div class="submit_button_div" style="float:right;"><button type="button" class="remodal-submit"><span><span>login</span></span></button></div>
</form>POST https://social-login.oxiapps.com/account/register
<form method="post" onsubmit="return false;" action="https://social-login.oxiapps.com/account/register" style="display:inline-block;width:100%;padding-top:15px;margin:0px;" id="oxi_registerform_popup"><input type="hidden"
value="bakerly-store.myshopify.com" name="shop"><input type="hidden" value="create_customer" name="form_type"><input type="hidden" name="utf8" value="">
<div>
<div><span class="remodal-form-control"><input label="FirstName" value="" type="text" name="customer[first_name]" class="remodal-form-input" placeholder="first name" style="font-size:14px;" required=""></span></div>
<div><span class="remodal-form-control"><input label="LastName" value="" type="text" name="customer[last_name]" class="remodal-form-input" placeholder="last name" style="font-size:14px;" required=""></span></div>
<div><span class="remodal-form-control"><input label="Email" value="" type="email" name="customer[email]" class="remodal-form-input" placeholder="email" style="font-size:14px;" required=""></span></div>
<div><span class="remodal-form-control"><input label="Password" type="password" class="remodal-form-input" name="customer[password]" placeholder="password" style="font-size:14px;" required=""></span></div>
</div>
<div class="submit_button_div" style="float:right;"><button type="button" class="remodal-submit oxipopup_button_create">create</button></div>
</form>POST /account/recover
<form method="post" action="/account/recover" style="display:inline-block;width:100%;padding-top:15px;margin:0px;" id="oxipopup_recover_password"><input type="hidden" value="recover_customer_password" name="form_type"><input type="hidden"
value="/a/oxisociallogin" name="return_to"><input type="hidden" name="utf8" value="">
<div>
<div><span class="remodal-form-control"><input label="Email" value="" type="email" name="email" class="remodal-form-input" placeholder="email" style="font-size:14px;" required=""></span></div>
</div>
<div class="submit_button_div" style="float:right;"><button type="button" class="remodal-submit"><span><span>submit</span></span></button></div>
</form>Text Content
Skip to content
Close menu
* snacks
* chocolate croissants
* crêpes
* pancakes
* variety packs
* brioche bread
* loyalty club
* careers
* about
* our happy company
* faq
* talk to us!
* store locator
* account
* log in
*
* Facebook
* Instagram
* LinkedIn
Cart
Close cart
You're $50 away from Free Shipping!
Congrats! You are eligible for Free Shipping
Order note
Discounts
Subtotal
$0.00
Shipping, taxes, and discount codes calculated at checkout.
Check out
Your cart is currently empty.
BAKERLY
* snacks
* chocolate croissants
* crêpes
* pancakes
* variety packs
* brioche bread
* loyalty club
* careers
* about
* our happy company
* faq
* talk to us!
* store locator
log in Search Site navigation Cart
Search
"Close (esc)"
View more
OUR YUMMY PRODUCTS VIEW ALL
the plant-based brioche burger buns
from $11.00
add to cart
"Close (esc)"
the French pancakes to-go!
from $10.00
add to cart
"Close (esc)"
chocolate hazelnut crêpes to-go!
from $10.00
add to cart
"Close (esc)"
the hand braided brioche
from $11.00
add to cart
"Close (esc)"
View all
14 products
THE REAL
FRENCH BRIOCHE!
Authentic French Recipe from our family to yours.
shop now
THE BAKERLY PROMISE
"FAST DELIVERY AND DELICIOUS!"
Daniel K.
"DELICIOUS CRÊPES FOR MY DAUGHTERS LUNCHBOX!"
Helena Y.
"I LOVE BAKERLY BREAD, SUPER FRESH AND TASTY"
Leticia B.
LUNCHBOX-READY
SNACKS TO-GO!
Our yummy snacks, unwrap and voilá!
shop now
OUR TOP SELLERS VIEW ALL
the French pancakes to-go!
from $10.00
add to cart
"Close (esc)"
the chocolate croissants
from $11.00
add to cart
"Close (esc)"
chocolate hazelnut crêpes to-go!
from $10.00
add to cart
"Close (esc)"
the brioche burger buns
from $11.00
add to cart
"Close (esc)"
View all
6 products
OUR DELICIOUS JOURNEY
OUR HAPPY FOUNDERS
Our story began with Julien and Fabian, two “Bretons” from Northwestern France,
who combined their knowledge, energy and love for good food to form a happy
company, which one day became bakerly.
ONLY THE BEST INGREDIENTS
At bakerly, we know that we have just one chance to get it right. So we
concentrate all of our efforts into putting love and using quality ingredients
in every product we make. By doing this, we are building trust and gaining loyal
customers, one crêpe and brioche at a time!
PROUDLY MADE IN THE USA
Julien and Fabian have a simple goal:
“To stay true to making quality bakery products that are identical to those they
enjoyed as children in France and offer them to American families.”
QUALITY INGREDIENTS
MAKE RECIPES BETTER!
* Facebook
* Instagram
* LinkedIn
yummy products
yummy products
* store locator
* content creator program
* smiling recipes
* brioche bread
* snacks
* variety packs
happy company
happy company
* about us
* give back
* careers
* bakerly journal
* privacy policy
* terms of service
* shipping policy
Sign up and save!
Sign up and save!
Subscribe to get special offers, free giveaways, and once-in-a-lifetime deals.
Enter your email
Subscribe
* Amazon
* American Express
* Apple Pay
* Discover
* Google Pay
* Mastercard
* PayPal
* Shop Pay
* Venmo
* Visa
© 2023 bakerly All Rights Reserved
"Close (esc)"
X
LOGIN
or
login
forgot password
create account
CREATE ACCOUNT
or
create
already have an account? login!
RESET YOUR PASSWORD
We will send you an email to reset your password.
We've sent you an email with a link to update your password.
submit
cancel
Get 15% Off!
Earn Rewards