badfoodco.com Open in urlscan Pro
23.227.38.32  Public Scan

URL: https://badfoodco.com/
Submission: On November 03 via api from US — Scanned from CA

Form analysis 6 forms found in the DOM

POST /cart

<form action="/cart" method="post" id="cc-checkout-form">
</form>

POST /contact#footer_newsletter_signup

<form method="post" action="/contact#footer_newsletter_signup" id="footer_newsletter_signup" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
  <input type="hidden" name="contact[tags]" value="prospect,newsletter">
  <p>
    <input type="email" placeholder="Enter email" class="signup-form__email" value="" name="contact[email]" aria-label="Email">
  </p>
  <button class="button no-hover signup-form__button" type="submit" aria-label="Sign up">
    <svg width="62px" height="35px" viewBox="0 0 62 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <title>Right arrow long</title>
      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
        <g transform="translate(2.000000, 2.000000)" stroke-width="4">
          <g transform="translate(41.000000, 0.000000)">
            <polyline points="-2.7385153e-12 30.8 15.4 15.4 -2.7385153e-12 -3.34373052e-13"></polyline>
          </g>
          <line x1="54.5" y1="15.5" x2="0.5" y2="15.5" stroke-linejoin="round"></line>
        </g>
      </g>
    </svg>
  </button>
</form>

POST /localization

<form method="post" action="/localization" id="localization_form_footer" accept-charset="UTF-8" class="selectors-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/"></form>

GET /search

<form action="/search" method="get" class="search-form" role="search">
  <input type="hidden" name="type" value="product">
  <input type="hidden" name="options[prefix]" value="last">
  <div class="inline-mini-form inline-mini-form--arrow">
    <input type="text" name="q" placeholder="Type to search" class="focus-me" value="" aria-label="Search" autocomplete="off" required="">
    <button class="compact no-hover" type="submit" aria-label="Search"><svg width="62px" height="35px" viewBox="0 0 62 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>Right arrow long</title>
        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
          <g transform="translate(2.000000, 2.000000)" stroke-width="4">
            <g transform="translate(41.000000, 0.000000)">
              <polyline points="-2.7385153e-12 30.8 15.4 15.4 -2.7385153e-12 -3.34373052e-13"></polyline>
            </g>
            <line x1="54.5" y1="15.5" x2="0.5" y2="15.5" stroke-linejoin="round"></line>
          </g>
        </g>
      </svg>
    </button>
  </div>
</form>

<form id="frm-storelocator-search" class="form-inline">
  <input type="hidden" name="_token" value="7sm7npR4Mp0nm977NuOFJuLzzadDBo3geCM3F5mt">
  <div class="row">
    <div class="storeify-stl-header col-md-12">
      <div class="storeify-header-inner">
        <div class="search-address-box col-md-6">
          <select class="chose-search-slt form-control-storeify">
            <option selected="selected" value="location">Location</option>
            <option value="store">Store name</option>
          </select>
          <div class="gr-search-slt">
            <input type="text" name="address" class="form-control-storeify pac-target-input" placeholder="Type to search our stores" id="address" autocomplete="off">
            <button id="getbylocal"><span class="material-icons-outlined my_location">my_location</span> Use my location</button>
          </div>
          <input type="text" class="search-slt input form-control-storeify" placeholder="Store name" name="store_search" id="store_search" style="display: none;">
        </div>
        <div class="search-radius-box col-md-4">
          <div class="input-radius-slt">
            <!--<div class="hidden-sm hidden-xs label-radius">
									<label>Radius</label>
								</div>-->
            <div class="radius-value-container ">
              <div id="radius-value"><label>Radius:</label> <span class="num-range">20</span> km </div>
            </div>
            <div class="range-radius">
              <input style="padding: 0;" id="radius_search" class="slider" type="range" name="points" min="1" max="100" value="20" title="Radius">
            </div>
          </div>
        </div>
        <div class="storeifystorelocator-seach-action-box" style="overflow: hidden; text-align: right;">
          <div class="seach-action-box search-type" style="margin-top: 0 !important">
            <button id="submit-search" class="submit" title="Search">
              <span class="material-icons-outlined">travel_explore</span> Search </button>
            <span id="reset-search" class="reset" title="Reset"><span class="material-icons-outlined">youtube_searched_for</span></span>
          </div>
        </div>
        <div class="col-md-12" style="overflow: hidden; text-align: center;">
          <div id="tags"></div>
          <div id="country_html">
            <style type="text/css">
              #country_html {
                display: none !important;
              }
            </style>
          </div>
        </div>
        <div class="col-md-2 storeifystorelocator-seach-action-box storeifystorelocator-seach-action-mobile" style="overflow: hidden; text-align: left;">
          <div class="seach-action-box search-type" style="margin-top: 0 !important">
            <button id="submit-search" class="submit" title="Search">
              <span class="material-icons-outlined">travel_explore</span> Search </button>
            <a id="reset-search" class="reset" title="Reset"><span class="material-icons-outlined">youtube_searched_for</span></a>
          </div>
        </div>
      </div>
    </div>
    <div class="map-tab-mobile-bnt col-md-12">
      <div class="map-tab-mobile-bnt-item " onclick="storeifyOpentab(this,'map-tab-result')" data-val="map-tab-result" style="float: left;">List</div>
      <div class="map-tab-mobile-bnt-item active" onclick="storeifyOpentab(this,'map-tab-ggmap')" data-val="map-tab-ggmap" style="float: right;">Map</div>
    </div>
    <div class="storeify-stl-col1 col-md-4 map-tab-result map-tab-mobile">
      <div id="results-empty" class="results-slt results-slt-layout-2 "></div>
      <div id="results-slt" class="results-slt results-slt-layout-2 " style="display:none">
        <h3 class="title">Store list <span class="num-rs-wrap">(<span id="num-rs">655</span> <span id="storeify-text-result" data-result="result" data-results="results">results</span>)</span></h3>
        <div class="content-results-slt" id="location">
          <div id="main-slider-storelocator" class="list-item-3"></div>
        </div>
      </div>
    </div>
    <div class="storeify-stl-col1 col-md-8 map-tab-ggmap map-tab-mobile active">
      <div class="map_container top search-map">
        <div id="map" style="height: 700px; position: relative; overflow: hidden;">
          <div style="height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(229, 227, 223);">
            <div style="overflow: hidden;"></div>
            <div class="gm-style" style="position: absolute; z-index: 0; left: 0px; top: 0px; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px;">
              <div tabindex="0" aria-label="Map" aria-roledescription="map" role="group"
                style="position: absolute; z-index: 0; left: 0px; top: 0px; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; cursor: url(&quot;https://maps.gstatic.com/mapfiles/openhand_8_8.cur&quot;), default; touch-action: pan-x pan-y;">
                <div style="z-index: 1; position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(0px, 0px);">
                  <div style="position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%;">
                    <div style="position: absolute; left: 0px; top: 0px; z-index: 0;">
                      <div style="position: absolute; z-index: 1000; transform: matrix(1, 0, 0, 1, -59, -99);">
                        <div style="position: absolute; left: 0px; top: 0px; width: 256px; height: 256px;">
                          <div style="width: 256px; height: 256px;"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div style="position: absolute; left: 0px; top: 0px; z-index: 101; width: 100%;"></div>
                  <div style="position: absolute; left: 0px; top: 0px; z-index: 102; width: 100%;"></div>
                  <div style="position: absolute; left: 0px; top: 0px; z-index: 103; width: 100%;">
                    <div style="position: absolute; left: 0px; top: 0px; z-index: -1;">
                      <div style="position: absolute; z-index: 1000; transform: matrix(1, 0, 0, 1, -59, -99);">
                        <div style="width: 256px; height: 256px; overflow: hidden; position: absolute; left: 0px; top: 0px;"><canvas draggable="false" width="256" height="256"
                            style="user-select: none; position: absolute; left: 0px; top: 0px; width: 256px; height: 256px;"></canvas></div>
                      </div>
                    </div>
                  </div>
                  <div style="position: absolute; left: 0px; top: 0px; z-index: 0;"></div>
                </div>
                <div style="z-index: 3; position: absolute; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; left: 0px; top: 0px; touch-action: pan-x pan-y;">
                  <div style="z-index: 4; position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(0px, 0px);">
                    <div style="position: absolute; left: 0px; top: 0px; z-index: 104; width: 100%;"></div>
                    <div style="position: absolute; left: 0px; top: 0px; z-index: 105; width: 100%;"></div>
                    <div style="position: absolute; left: 0px; top: 0px; z-index: 106; width: 100%;"></div>
                    <div style="position: absolute; left: 0px; top: 0px; z-index: 107; width: 100%;"></div>
                  </div>
                </div>
                <div class="gm-style-moc" style="z-index: 4; position: absolute; height: 100%; width: 100%; padding: 0px; border-width: 0px; margin: 0px; left: 0px; top: 0px; opacity: 0;">
                  <p class="gm-style-mot"></p>
                </div>
              </div><iframe aria-hidden="true" frameborder="0" tabindex="-1" style="z-index: -1; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border: none;"></iframe>
              <div style="pointer-events: none; width: 100%; height: 100%; box-sizing: border-box; position: absolute; z-index: 1000002; opacity: 0; border: 2px solid rgb(26, 115, 232);"></div>
            </div>
          </div>
        </div>
      </div>
      <p class="loader" id="loading_mask_loader" style="display: none;">
        <img src="https://sl.storeify.app/images/frontend/AjaxLoader.gif">
      </p>
    </div>
  </div>
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-WCbgzN" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; overflow: hidden; width: 500px; min-width: 200px; max-width: 1000px; border-radius: 2px; border-style: solid; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(0, 0, 0); background-repeat: no-repeat; background-position-y: 50%; padding: 32px 20px;">
  <div class="needsclick  kl-private-reset-css-Xuajs1"
    style="display: flex; flex-direction: column; width: 166.667px; margin: -32px 0px -32px -20px; padding: 0px; min-width: 166.667px; background-image: url(&quot;https://d3k81ch9hvuctc.cloudfront.net/company/X6CkXN/images/12f603ae-4ec4-49ce-8d89-d969af7cec22.gif&quot;); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; min-height: 270px;">
  </div>
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px 0px 0px 20px; min-height: 270px; 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: 12px 6px; position: relative; background-color: rgba(180, 189, 0, 0); flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 kl-private-quill-wrapper-Lkqws1" style="width: 100%;">
          <div class="ql-snow ql-container ql-disabled">
            <div class="ql-editor" data-gramm="false" contenteditable="false">
              <p style="text-align: center;"><strong style="font-size: 24px; color: rgb(255, 255, 255);" class="ql-font-nunito-sans">Join the B.A.D. side</strong></p>
            </div>
            <div class="ql-clipboard" contenteditable="true" tabindex="-1"></div>
          </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: 4px 6px 20px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 kl-private-quill-wrapper-Lkqws1" style="width: 100%;">
          <div class="ql-snow ql-container ql-disabled">
            <div class="ql-editor" data-gramm="false" contenteditable="false">
              <p style="text-align: center;"><span style="font-size: 18px; color: rgb(255, 255, 255);" class="ql-font-nunito-sans">Oh hey! Get 10% off your first order when you subscribe to the B.A.D. side.</span></p>
            </div>
            <div class="ql-clipboard" contenteditable="true" tabindex="-1"></div>
          </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: 10px 6px 4px; 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 class="needsclick go1267673249 kl-private-reset-css-Xuajs1" type="email" name="email" tabindex="0"
            placeholder="Email" aria-label="Email" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 40px; text-align: left; color: rgb(99, 99, 99); font-family: Lato, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(180, 187, 195);">
          <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: 8px 6px 10px; position: relative; flex: 1 0 0px;"><button
          class="needsclick go332817621 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(247, 190, 0); border-radius: 6px; border-style: solid; border-color: rgb(247, 190, 0); border-width: 3px; color: rgb(255, 255, 255); font-family: &quot;Nunito Sans&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 11px; padding-bottom: 11px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; width: 100%;">Sign
          Up</button></div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

Text Content

Skip to content
Free Ground Shipping on Orders Over $50
Menu




 * SHOP
 * INGREDIENTS
 * ABOUT

Search Search Basket
0
Cart
Close navigation
 * SHOP
 * INGREDIENTS
 * ABOUT



Shop now
learn more
Shop Now
Learn More


SHOP OUR KICK-ASS, GRAIN-FREE, GLUTEN-FREE COOKIES AND GRANOLA


GRANOLA

Shop now


COOKIES

Shop now


VARIETY PACKS

shop now
Better & Delicious!


HECK YEAH!

The B.A.D. Food Company makes grain-free cookies and treats that are Better and
Delicious.

We banished processed ingredients and outlawed refined sugars. But our clever
baking peeps didn’t sacrifice flavor.

Instead we stuffed our snacks with food that thrills your taste buds and boosts
your body.

Because we believe food should make you feel like a superhero, Heck Yeah!


Made by a flavor-a-holic Pastry Chef, with snacking issues.


FIND OUT MORE ABOUT OUR B.A.D.NESS GOODNESS.

About us


SHOP VARIETY PACKS

Quick View
Cookie Lovers Variety Pack BAD Food Co.
From $41.94
Quick View
Granola Lovers Variety Pack BAD Food Co.
From $59.94
Quick View
Family Variety Pack BAD Food Co.
$85.89
Quick View
Chocolate Lovers Variety Pack BAD Food Co.
From $37.95



FIND US IN A STORE NEAR YOU

Find Us


B.A.D. FOOD CO.

Better and Delicious snacks that are full of energy, not full of junk. No
grains, gluten, GMOs, dairy, soy or refined sugar.


 * About Us
 * Ingredients
 * FAQs

 * Wholesale
 * Store Locator
 * Contact Us

NEWSLETTER

Want 10% off your first order? Subscribe to the B.A.D. side.



Right arrow long
 * 
 * Instagram

© 2021 B.A.D. Food Co. Terms & Conditions Privacy Policy
×
Right arrow long

pin_drop
×
Location Store name
my_location Use my location
Radius: 20 km

travel_explore Search youtube_searched_for

travel_explore Search youtube_searched_for
List
Map


STORE LIST (655 RESULTS)









Close form

Join the B.A.D. side



Oh hey! Get 10% off your first order when you subscribe to the B.A.D. side.



Sign Up