www.billabong.com Open in urlscan Pro
2620:127:f00f:e:: Public Scan

Back to summary

Submitted URL:
https://trk.klclick3.com/ls/click?upn=u001.DMP-2FMA-2FdS5dJ84CMpxbAmR1eZtGZJWgBi8TlmDUWaxR09dvBdsuQYiO7lUQtC0gtcE-2FL1VDs...
Effective URL:
https://www.billabong.com/pages/contact?utm_source=Klaviyo&utm_medium=email&utm_campaign=%28US%29%20W%20-%20March%20New%20...
Submission: On March 05 via manual (March 5th 2024, 10:24:55 pm UTC) from IN — Scanned from DE

Form analysis
8 forms found in the DOM

POST /cart/update

<form method="post" action="/cart/update" id="currency_form" accept-charset="UTF-8" class="shopify-currency-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="currency"><input type="hidden" name="utf8" value="✓"><input
    type="hidden" name="return_to" value="/pages/contact">
  <select name="currency" style="background-color:#000000;color:#ffffff;" class="" onchange="this.parentNode.submit()" data-uw-rm-form="fx" aria-label="Single select" data-uw-hidden-control="hidden-control-element">
    <option selected="true">USD</option>
  </select>
</form>

<form class="relative search-trigger">
  <div class="tools__button cursor-pointer flex items-center" neptune-engage="{
      targets:[
        {
          attributes:[
            {
              att:data-return-focus,
              set:here
            }
          ]
        },
        {
          selector:html,
          attributes:[
            {
              att:data-active-modal,
              set:search
            }
          ]
        },
        {
          selector:.modal-search-form,
          methods:reset
        }
      ]
    }">
    <input type="search" id="Search-header" value="" class="search-trigger__input absolute inset-0 opacity-0 cursor-pointer w-full" readonly="readonly" right="left" autocomplete="off" data-uw-rm-form="fx" aria-label="Search field"
      data-uw-hidden-control="hidden-control-element">
    <span class="search-trigger__icon">
      <svg class="icon  tools__icon icon-search" style="" width="24" height="20" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
        <use xlink:href="#icon-def-search"></use>
      </svg>
      <span class="sr-only">search</span>
    </span>
    <span class="search-trigger__text hidden lg:block">Search</span>
  </div>
  <input type="submit" value="go" class="sr-only" data-uw-rm-form="fx" aria-label="Submit button">
</form>

GET /search

<form action="/search" method="get" role="search" class="modal-search-form flex relative mx-auto w-full group">
  <label for="modalSearchInput" class="invisible hidden"> Search </label>
  <input type="search" name="q" id="modalSearchInput" value="" placeholder="Search" class="search-modal__input focus:border-0 focus:outline-none shadow-none ui-autocomplete-input w-full px-10" autocomplete="off" autocorrect="off" autocapitalize="off"
    aria-label="Search" aria-autocomplete="list" onkeydown="if ( window.searchLoading != true ){ window.searchLoading = true; Neptune.liquid.load('SearchResults'); } this.typingTimer = this.typingTimer || {}; clearTimeout(this.typingTimer);"
    onkeyup="if(event.which!=27){clearTimeout(this.typingTimer); this.typingTimer = setTimeout(()=>{ Neptune.liquid.load('SearchSuggest','url:https://v5bvb8.a.searchspring.io/api/suggest/query?siteId=v5bvb8&amp;query='+this.value); window.searchLoading = false; _n.qs('.search-results').classList.remove('hidden');},500)}"
    neptune-engage="{
      on:keyup,
      which: 27,
      targets:[{
        selector:html,
        attributes:[{
          att:data-active-modal,
          set:_remove
        }]
      },
      { 
        selector:'[data-return-focus]',
        attributes:[{
          att:data-return-focus,
          set:_remove
        }],
        focus:true
      }]
    }" data-uw-rm-form="nfx">
  <input type="submit" value="go" class="sr-only" data-uw-rm-form="fx" aria-label="Submit button" data-uw-hidden-control="hidden-control-element">
  <button class="search-modal__input--search h-full border-none cursor-pointer text-center absolute animate left-0 top-0">
    <span class="icon text-black flex flex-col justify-center items-center mha" style="max-width: 38px;">
      <svg class="icon  search-modal__icon icon-search" style="" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
        <use xlink:href="#icon-def-search"></use>
      </svg>
      <span class="sr-only">Search</span>
    </span>
  </button>
  <button class="search-modal__input--close absolute top-0 right-0" neptune-engage="{preventDefault:true,targets:[
      {selector:html,attributes:[{att:data-active-modal,set:_remove}]},
      {selector:.search-results,classes:add:hidden}
      ]}">
    <svg class="icon  search-modal__icon icon-x-circle" style="" width="24" height="24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
      <use xlink:href="#icon-def-x-circle"></use>
    </svg>
    <span class="sr-only">Close</span>
  </button>
</form>

POST /localization

<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-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="/pages/contact?utm_source=Klaviyo&amp;utm_medium=email&amp;utm_campaign=%28US%29+W+-+March+New+Arrivals+%282024-03-04%29&amp;utm_id=01HQY1A44YM6C4J367AJ6GYXXQ&amp;_kx=0Awr-UZQSiNmgEBFCgW7pFTga4c1d_6ZobEbORkdWXU9hv5JFdOTwrrG9z_zobpN.RVDV9j">
  <input name="country_code" type="hidden">
</form>

POST /localization

<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-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="/pages/contact?utm_source=Klaviyo&amp;utm_medium=email&amp;utm_campaign=%28US%29+W+-+March+New+Arrivals+%282024-03-04%29&amp;utm_id=01HQY1A44YM6C4J367AJ6GYXXQ&amp;_kx=0Awr-UZQSiNmgEBFCgW7pFTga4c1d_6ZobEbORkdWXU9hv5JFdOTwrrG9z_zobpN.RVDV9j">
  <input name="country_code" type="hidden">
</form>

<form lang="en" tabindex="-1" class="😉 cog-cognito cog-form cog-124 is-default cog-cognito--styled cog-form--light-background cog-cognito--protect-css" data-width="800 700 650 625 600 575 550 525 500 475 450 425 400 375 350 325 300 275 250 225 200"
  data-uw-rm-lang="false">
  <div class="cog-form__container">
    <div class="cog-form__content">
      <header class="cog-header cog-wrapper cog-header--left"><!---->
        <div class="cog-header__text">
          <h1 class="cog-heading" role="heading" aria-level="2" data-uw-rm-heading="level">Billabong Contact Us</h1> <!---->
        </div>
      </header>
      <div class="cog-body"><!---->
        <div class="cog-page cog-wrapper cog-transition-ltr">
          <div class="cog-row">
            <fieldset class="cog-field cog-field--2 cog-col cog-col--24 cog-name is-required">
              <legend class="cog-label"> Full Name<span aria-hidden="true" class="cog-asterisk">*</span> <span class="cog-offscreen">(required)</span> <!----></legend>
              <div class="cog-name">
                <div class="cog-row"><!---->
                  <div class="cog-input cog-name__first cog-input--long">
                    <div class="el-input"><!----><input type="text" autocomplete="given-name" id="cog-input-auto-0" placeholder="First" title="First" class="el-input__inner" data-uw-rm-form="fx" aria-label="First"><!----><!----><!----><!----></div>
                  </div> <!----> <!---->
                  <div class="cog-input cog-name__last cog-input--long">
                    <div class="el-input"><!----><input type="text" autocomplete="family-name" id="cog-input-auto-1" placeholder="Last" title="Last" class="el-input__inner" data-uw-rm-form="fx" aria-label="Last"><!----><!----><!----><!----></div>
                  </div> <!---->
                </div>
              </div>
              <div class="cog-field__placeholder cog-input">
                <div class="cog-field__placeholder-inner"> &nbsp; </div>
              </div> <!----> <!----> <!---->
            </fieldset>
          </div>
          <div class="cog-row">
            <div class="cog-field cog-field--3 cog-col cog-col--24 cog-email is-required"><label id="cog-1-label" for="cog-1" class="cog-label"> Email Address<span aria-hidden="true" class="cog-asterisk">*</span> <span
                  class="cog-offscreen">(required)</span> <!----></label>
              <div class="cog-input">
                <div class="el-input"><!----><input type="text" autocomplete="email" id="cog-1" placeholder="email address used to make your order" class="el-input__inner" data-uw-rm-form="nfx"><!----><!----><!----><!----></div>
              </div>
              <div class="cog-field__placeholder cog-input">
                <div class="cog-field__placeholder-inner"> &nbsp; </div>
              </div> <!----> <!----> <!---->
            </div>
          </div>
          <div class="cog-row">
            <div class="cog-field cog-field--9 cog-col cog-col--12 cog-choice cog-choice--dropdown"><label id="cog-2-label" for="cog-2" class="cog-label"> My Question<!----> <!----> <!----></label>
              <div class="cog-choice">
                <div class="cog-picker cog-select cog-input">
                  <div class="el-select el-select--dropdown-bottom"><!---->
                    <div class="el-input el-input--prefix el-input--suffix"><!----><input type="text" readonly="readonly" autocomplete="prevent" placeholder="Select" id="cog-2" aria-controls="cog-2-listbox" role="combobox" aria-haspopup="listbox"
                        aria-owns="cog-2-listbox" aria-expanded="false" class="el-input__inner" aria-activedescendant="cog-2-option-null" data-uw-rm-form="nfx" style="height: 42.2656px;"><span class="el-input__prefix"><span><svg viewBox="0 0 18 18"
                            focusable="false" class="cog-icon cog-i-chevron">
                            <g>
                              <path stroke-linecap="square" d="M3 7l6 6 6-6"></path>
                            </g>
                          </svg></span><!----></span><span class="el-input__suffix"><span
                          class="el-input__suffix-inner"><!----><i class="el-select__caret el-input__icon el-icon-arrow-up"></i><!----><!----><!----><!----><!----></span><!----></span><!----><!----></div>
                    <div class="el-select-dropdown el-popper cog-cognito cog-124 cog-cognito--styled cog-select-popper  cog-cognito--protect-css " style="display: none; min-width: 387px;">
                      <div class="el-scrollbar" style="">
                        <div class="el-select-dropdown__wrap el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
                          <ul id="cog-2-listbox" role="listbox" class="el-scrollbar__view el-select-dropdown__list"><!---->
                            <li role="option" id="cog-2-option-null" aria-selected="true" class="el-select-dropdown__item cog-select-option--empty selected hover">&nbsp;</li>
                            <li role="option" id="cog-2-option-Account Maintenance" aria-selected="false" class="el-select-dropdown__item" style="order: 0;"><span>Account Maintenance</span></li>
                            <li role="option" id="cog-2-option-Billing Inquiry" aria-selected="false" class="el-select-dropdown__item" style="order: 1;"><span>Billing Inquiry</span></li>
                            <li role="option" id="cog-2-option-Discount/Promo Price" aria-selected="false" class="el-select-dropdown__item" style="order: 2;"><span>Discount/Promo Price</span></li>
                            <li role="option" id="cog-2-option-General Inquiry" aria-selected="false" class="el-select-dropdown__item" style="order: 3;"><span>General Inquiry</span></li>
                            <li role="option" id="cog-2-option-Gift Cards" aria-selected="false" class="el-select-dropdown__item" style="order: 4;"><span>Gift Cards</span></li>
                            <li role="option" id="cog-2-option-Loyalty" aria-selected="false" class="el-select-dropdown__item" style="order: 5;"><span>Loyalty</span></li>
                            <li role="option" id="cog-2-option-Order Status" aria-selected="false" class="el-select-dropdown__item" style="order: 6;"><span>Order Status</span></li>
                            <li role="option" id="cog-2-option-Product Inquiry" aria-selected="false" class="el-select-dropdown__item" style="order: 7;"><span>Product Inquiry</span></li>
                            <li role="option" id="cog-2-option-Return" aria-selected="false" class="el-select-dropdown__item" style="order: 8;"><span>Return</span></li>
                            <li role="option" id="cog-2-option-Refund" aria-selected="false" class="el-select-dropdown__item" style="order: 9;"><span>Refund</span></li>
                            <li role="option" id="cog-2-option-Technical Issues" aria-selected="false" class="el-select-dropdown__item" style="order: 10;"><span>Technical Issues</span></li>
                            <li role="option" id="cog-2-option-Warranty" aria-selected="false" class="el-select-dropdown__item" style="order: 11;"><span>Warranty</span></li>
                          </ul>
                        </div><!----><!---->
                      </div><!---->
                    </div>
                  </div>
                </div>
                <div class="cog-choice__placeholder cog-input">
                  <div class="cog-field__placeholder-inner"> &nbsp; </div>
                </div>
              </div>
              <div class="cog-field__placeholder cog-input">
                <div class="cog-field__placeholder-inner"> &nbsp; </div>
              </div> <!----> <!----> <!---->
            </div>
          </div>
          <div class="cog-row">
            <div class="cog-field cog-field--6 cog-col cog-col--24 cog-text cog-text--multiplelines is-required"><label id="cog-3-label" for="cog-3" class="cog-label"> Message<span aria-hidden="true" class="cog-asterisk">*</span> <span
                  class="cog-offscreen">(required)</span> <!----></label>
              <div class="cog-input">
                <div class="el-textarea"><textarea autocomplete="off" id="cog-3" placeholder="" class="el-textarea__inner" data-uw-rm-form="nfx" style="resize: both; min-height: 58.6px; height: 58.6px;"></textarea><!----></div>
              </div>
              <div class="cog-field__placeholder cog-input">
                <div class="cog-field__placeholder-inner"> &nbsp; </div>
              </div>
              <div class="cog-helptext cog-html">Please provide a brief description of your inquiry or issue.</div> <!----> <!---->
            </div>
          </div>
          <div class="cog-row">
            <div class="cog-field cog-field--8 cog-col cog-col--12 cog-file"><label id="cog-4-label" for="cog-4" class="cog-label"> Attachments<!----> <!----> <!----></label>
              <div class="cog-input">
                <div class="cog-upload">
                  <div>
                    <div tabindex="-1" class="el-upload el-upload--picture">
                      <div class="el-upload-dragger">
                        <div><button type="button" class="el-button cog-button--secondary cog-upload__upload-button el-button--default cog-button"><!----><!----><span><!----> <span class="cog-button__text"> Upload </span> <!----> </span></button>
                          <span class="cog-upload__drag-text">or drag files here.</span></div>
                      </div><input type="file" name="file" multiple="multiple" class="el-upload__input" data-uw-rm-form="fx" aria-label="File field" data-uw-hidden-control="hidden-control-element">
                    </div>
                  </div>
                  <ul class="cog-upload__list"></ul> <!---->
                </div>
              </div>
              <div class="cog-field__placeholder cog-input">
                <div class="cog-field__placeholder-inner"> &nbsp; </div>
              </div> <!----> <!----> <!---->
            </div>
          </div>
          <div class="cog-row" style="display: none;">
            <div class="cog-field cog-col cog-col--12"><!----></div>
          </div>
          <div class="cog-page__navigation"><!----> <button type="submit" class="el-button cog-button--has-status cog-button--primary cog-button--navigation cog-button--submit el-button--default cog-button" data-next=""
              data-action-name="Submit"><!----><!----><span><!----> <span class="cog-button__text"> Submit </span> <!----> </span></button> <!----></div> <!---->
        </div>
      </div><!----><!----><!---->
    </div>
  </div>
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-Vfe5fE" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; max-width: 300px; float: left; border-radius: 0px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position-y: 50%; padding: 0px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 40px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 8px 0px 0px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_99260796" class="needsclick go2731549361 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="Email" aria-label="Email" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 40px; text-align: left; color: rgb(48, 48, 48); font-family: Heebo, 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(48, 48, 48);"
            data-uw-rm-form="nfx">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px; position: relative; flex: 0 1 auto; margin: 0px auto;"><button
          class="needsclick go3894874857 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(48, 48, 48); border-radius: 0px; border-style: none; border-color: rgb(29, 29, 29); border-width: 2px; color: rgb(255, 255, 255); font-family: Heebo, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; line-height: 1; white-space: normal; padding: 0px 10px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 40px;">Subscribe</button>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;" data-uw-rm-form="fx" aria-label="Submit button" data-uw-hidden-control="hidden-control-element">
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_3 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-R88atc" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 780px; min-width: 200px; max-width: 1000px; border-radius: 0px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position-y: 50%; padding: 20px; flex: 1 1 0%;">
  <div title="Billabong" class="needsclick  kl-private-reset-css-Xuajs1"
    style="display: flex; flex-direction: column; width: 390px; margin: -20px 0px -20px -20px; padding: 0px; border-top: 0px solid transparent; border-right: 0px; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-bottom-left-radius: 0px; border-top-left-radius: 0px; overflow: hidden; min-width: 390px; min-height: 625px;">
    <div class="needsclick  kl-private-reset-css-Xuajs1"
      style="background-image: url(&quot;https://d3k81ch9hvuctc.cloudfront.net/company/RVDV9j/images/3fb69b79-6c41-4315-ad91-c90ac08a2e5b.jpeg&quot;); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; width: 100%; height: 100%; display: block;">
    </div>
  </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: 625px; 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: 10px; position: relative; flex: 0 1 auto; margin: 0px auto;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; width: 100%; height: auto;">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="position: relative; display: flex; align-items: center; width: 100%; height: auto;"><img
              src="https://d3k81ch9hvuctc.cloudfront.net/company/RVDV9j/images/2d23b591-9f3a-4612-9d48-0e9c337bbf46.png" tabindex="-1" alt="Billabong" class="needsclick  kl-private-reset-css-Xuajs1"
              style="max-width: 100%; width: 106px; height: auto; cursor: initial;"></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; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-99954486" style="width: 100%;">
          <p style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span
              style="font-size: 24px; font-family: Heebo, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: bold; font-style: normal;">15% OFF YOUR FIRST ORDER</span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 2px 6px 10px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-99954487" style="width: 100%;">
          <p style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span
              style="font-family: Heebo, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; font-style: normal; font-size: 12px;">Keep up with Billabong! Be the first to know about our newest arrivals, sales, news from in &amp; around
              the water, and more - all delivered straight to your inbox.</span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-99954489" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span
              style="color: rgb(0, 0, 0); font-size: 14px; font-family: Heebo, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: bold; font-style: normal;">Preferences:</span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; justify-content: flex-start; display: flex;">
          <div class="needsclick go2376614969 kl-private-reset-css-Xuajs1" style="align-self: flex-end; display: block;">
            <div role="group" aria-labelledby="kl_Interest__7_label" class="needsclick  kl-private-reset-css-Xuajs1" style="display: block;"><input tabindex="0" type="checkbox" id="Interest__7__13" name="Interest__7" aria-invalid="false"
                aria-label="MENS" class="needsclick  kl-private-reset-css-Xuajs1" style="position: absolute; width: 0px; opacity: 0;"><label for="Interest__7__13" class="needsclick  kl-private-reset-css-Xuajs1"
                style="display: flex; align-items: center; flex: 1 0 100%; padding-bottom: 8px; word-break: break-word; max-width: 100%; cursor: pointer;"><svg class="go275276637" width="20px" height="20px" viewBox="0 0 20 20" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="stroke: rgb(0, 0, 0); margin-right: 8px; min-width: 20px; width: auto; height: auto;">
                  <g>
                    <g>
                      <rect stroke-width="1" x="0.5" y="0.5" width="19" height="19" rx="2.22222222" fill="#FFFFFF"></rect>
                    </g>
                  </g>
                </svg><svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="cursor: pointer; display: none; position: absolute; margin: 0px;">
                  <defs></defs>
                  <g id="checkbox_inner_Interest__7__13" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="checkbox-on-checkbox_inner_Interest__7__13" transform="translate(3.000000, 4.000000)" fill="#303B43">
                      <polygon id="shape-checkbox_inner_Interest__7__13" fill="#000000" points="4.45454545 9.20149254 1.11363636 5.75373134 0 6.90298507 4.45454545 11.5 14 1.64925373 12.8863636 0.5"></polygon>
                    </g>
                  </g>
                </svg>
                <div class="needsclick  kl-private-reset-css-Xuajs1"
                  style="cursor: pointer; color: rgb(0, 0, 0); font-family: Heebo, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; margin-right: 24px; display: flex; position: relative; top: 1px;">
                  MENS</div>
              </label><input tabindex="0" type="checkbox" id="Interest__7__14" name="Interest__7" aria-invalid="false" aria-label="WOMENS" class="needsclick  kl-private-reset-css-Xuajs1" style="position: absolute; width: 0px; opacity: 0;"><label
                for="Interest__7__14" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; flex: 1 0 100%; padding-bottom: 8px; word-break: break-word; max-width: 100%; cursor: pointer;"><svg class="go275276637"
                  width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="stroke: rgb(0, 0, 0); margin-right: 8px; min-width: 20px; width: auto; height: auto;">
                  <g>
                    <g>
                      <rect stroke-width="1" x="0.5" y="0.5" width="19" height="19" rx="2.22222222" fill="#FFFFFF"></rect>
                    </g>
                  </g>
                </svg><svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="cursor: pointer; display: none; position: absolute; margin: 0px;">
                  <defs></defs>
                  <g id="checkbox_inner_Interest__7__14" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="checkbox-on-checkbox_inner_Interest__7__14" transform="translate(3.000000, 4.000000)" fill="#303B43">
                      <polygon id="shape-checkbox_inner_Interest__7__14" fill="#000000" points="4.45454545 9.20149254 1.11363636 5.75373134 0 6.90298507 4.45454545 11.5 14 1.64925373 12.8863636 0.5"></polygon>
                    </g>
                  </g>
                </svg>
                <div class="needsclick  kl-private-reset-css-Xuajs1"
                  style="cursor: pointer; color: rgb(0, 0, 0); font-family: Heebo, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; margin-right: 24px; display: flex; position: relative; top: 1px;">
                  WOMENS</div>
              </label><input tabindex="0" type="checkbox" id="Interest__7__15" name="Interest__7" aria-invalid="false" aria-label="BOYS" class="needsclick  kl-private-reset-css-Xuajs1" style="position: absolute; width: 0px; opacity: 0;"><label
                for="Interest__7__15" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; flex: 1 0 100%; padding-bottom: 8px; word-break: break-word; max-width: 100%; cursor: pointer;"><svg class="go275276637"
                  width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="stroke: rgb(0, 0, 0); margin-right: 8px; min-width: 20px; width: auto; height: auto;">
                  <g>
                    <g>
                      <rect stroke-width="1" x="0.5" y="0.5" width="19" height="19" rx="2.22222222" fill="#FFFFFF"></rect>
                    </g>
                  </g>
                </svg><svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="cursor: pointer; display: none; position: absolute; margin: 0px;">
                  <defs></defs>
                  <g id="checkbox_inner_Interest__7__15" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="checkbox-on-checkbox_inner_Interest__7__15" transform="translate(3.000000, 4.000000)" fill="#303B43">
                      <polygon id="shape-checkbox_inner_Interest__7__15" fill="#000000" points="4.45454545 9.20149254 1.11363636 5.75373134 0 6.90298507 4.45454545 11.5 14 1.64925373 12.8863636 0.5"></polygon>
                    </g>
                  </g>
                </svg>
                <div class="needsclick  kl-private-reset-css-Xuajs1"
                  style="cursor: pointer; color: rgb(0, 0, 0); font-family: Heebo, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; margin-right: 24px; display: flex; position: relative; top: 1px;">
                  BOYS</div>
              </label><input tabindex="0" type="checkbox" id="Interest__7__16" name="Interest__7" aria-invalid="false" aria-label="GIRLS" class="needsclick  kl-private-reset-css-Xuajs1" style="position: absolute; width: 0px; opacity: 0;"><label
                for="Interest__7__16" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; flex: 1 0 100%; padding-bottom: 8px; word-break: break-word; max-width: 100%; cursor: pointer;"><svg class="go275276637"
                  width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="stroke: rgb(0, 0, 0); margin-right: 8px; min-width: 20px; width: auto; height: auto;">
                  <g>
                    <g>
                      <rect stroke-width="1" x="0.5" y="0.5" width="19" height="19" rx="2.22222222" fill="#FFFFFF"></rect>
                    </g>
                  </g>
                </svg><svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="cursor: pointer; display: none; position: absolute; margin: 0px;">
                  <defs></defs>
                  <g id="checkbox_inner_Interest__7__16" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="checkbox-on-checkbox_inner_Interest__7__16" transform="translate(3.000000, 4.000000)" fill="#303B43">
                      <polygon id="shape-checkbox_inner_Interest__7__16" fill="#000000" points="4.45454545 9.20149254 1.11363636 5.75373134 0 6.90298507 4.45454545 11.5 14 1.64925373 12.8863636 0.5"></polygon>
                    </g>
                  </g>
                </svg>
                <div class="needsclick  kl-private-reset-css-Xuajs1"
                  style="cursor: pointer; color: rgb(0, 0, 0); font-family: Heebo, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; margin-right: 24px; display: flex; position: relative; top: 1px;">
                  GIRLS</div>
              </label></div>
            <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></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; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_99954488" class="needsclick go2016416316 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="EMAIL" aria-label="EMAIL" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 45px; text-align: left; color: rgb(0, 0, 0); font-family: Heebo, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); box-shadow: rgb(0, 100, 205) 0px 0px 5px;">
          <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: 10px 6px; position: relative; flex: 1 0 0px;"><button
          class="needsclick go3894874857 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(0, 0, 0); border-radius: 0px; border-style: none; border-color: rgb(0, 0, 0); border-width: 2px; color: rgb(255, 255, 255); font-family: Heebo, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 45px; width: 100%;">SUBMIT</button>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 2px 10px 10px; position: relative; flex: 1 0 0px;"><button
          class="needsclick go3894874857 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(255, 255, 255); border-radius: 0px; border-style: none; border-color: rgb(0, 0, 0); border-width: 0px; color: rgb(0, 0, 0); font-family: Heebo, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 30px; width: 100%;">NO
          THANKS</button></div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-99954491" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: left;"><!--StartFragment--><span
              style="font-size: 10px; font-family: Heebo, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; font-style: normal;">15% off coupon code will be sent to the email provided. Valid for first-time US customers and new email
              subscribers only. Exclusions apply – discount not valid on wetsuits, lycra, special collections, third-party goods, or custom products. Code expires 90 days from retrieval and is valid online at billabong.com, one use per customer.
              Cannot apply offer to past orders nor combine the discount with any other offer. By entering your email, you agree to our
              <a href="https://billabong.com/pages/privacy-policy" text="Privacy Policy" style="font-family: Heebo, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; font-style: normal;">Privacy Policy</a>.</span><!--EndFragment-->
          </p>
        </div>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

Text Content

Skip to main contentEnable accessibility for visually impairedOpen the
accessibility menu Open the Accessible Navigation Menu






Billabong uses cookies to better understand how visitors use our site, for
advertising and to offer you a more personalized experience. We share
information about your use of our site with third-parties, analytics, social
media and advertising partners in accordance with our Privacy Policy. You can
manage this sharing by selecting the "Do Not Sell or Share My Personal
Information" link located in the footer. Learn more
DeclineAccept
✕
It seems you're in Germany.
Redirect to Germany?
Yes, pleaseNo, thanks
×

Please ensure Javascript is enabled for purposes of website accessibility Skip
to content
USD
chevron-left


CONTACT US – BILLABONG.COM

Welcome to our new site! Shop around while we tidy things up
Free Shipping for Billabong Crew Members. Join Now / Sign In
chevron-right

close
menu close
Billabong.com Logo
chevron-left
Welcome to our new site! Shop around while we tidy things up
Free Shipping for Billabong Crew Members. Join Now / Sign In
chevron-right

close
 * Men Show men menu chevron-down
   
    * New New menu children chevron-down
      * New Arrivals
      * Coral Gardeners
      * No Fixed Address
      * Wave Washed Essentials
    * Collections Collections menu children chevron-down
      * Best Sellers
      * Online Exclusives
      * Billabong x King Stingray
      * Cosmic Echoes
      * Recycler
    * Boardshorts Boardshorts menu children chevron-down
      * View All
      * Performance Boardshorts
      * Elastic Waist Boardshorts
      * Side Pockets
      * Long Length
      * Short Length
    * Clothing Clothing menu children chevron-down
      * View All
      * T-Shirts
      * Jeans & Pants
      * Hoodies & Fleece
      * Sweatpants
      * Flannels
      * Jackets
      * Shirts
      * Shorts
    * T-Shirts T-Shirts menu children chevron-down
      * View All
      * Short Sleeve T-Shirts
      * Long Sleeve T-Shirts
      * Graphic T-Shirts
      * Essentials T-Shirts
    * Wetsuits Wetsuits menu children chevron-down
      * View All
      * Fullsuits
      * Springsuits
      * Rashguards & Surf Tees
      * Wetsuit Accessories
      * Boys' Wetsuits
      * Boys' Rashguards
    * Adventure Division Adventure Division menu children chevron-down
      * View All
      * T-Shirts
      * Hoodies & Fleece
      * Jackets
      * Bottoms
      * Accessories
      * Coral Gardeners
    * Accessories Accessories menu children chevron-down
      * View All
      * Beanies & Hats
      * Backpacks
      * Flip Flops
      * Towels & Blankets
      * Belts
      * Wallets
    * Boys Boys menu children chevron-down
      * View All
      * Boys' New Arrivals
      * Boys' Boardshorts
      * Boys' T-shirts
      * Boys' Shirts
      * Boys' Shorts
      * Boys' Jeans & Pants
      * Boys' Hoodies & Fleece
      * Boys' Wetsuits
      * Boys' Rashguards & Surf Tees
      * Boys' Accessories
      * Boys (2-7 Yrs)
    * Sale Sale menu children chevron-down
      * View All
      * New to Sale
      * Sale Boardshorts
      * Sale Shorts
      * Sale Clothing
      * Sale Hoodies & Fleece
      * Sale T-Shirts
      * Sale Accessories
      * Sale Boys'

 * Women Show women menu chevron-down
   
    * New New menu children chevron-down
      * New Arrivals
      * Trip Around the Sun
      * Billabong Surf Capsule
      * Essentials
      * Return to Paradise
    * Collections Collections menu children chevron-down
      * Best Sellers
      * Online Exclusives
      * Coral Gardeners
      * Sol Searcher Swim
    * Swim Swim menu children chevron-down
      * View All
      * Bikinis
      * Bikini Tops
      * Bikini Bottoms
      * One Pieces
      * Rashguards & Bodysuits
      * Boardshorts
    * Clothing Clothing menu children chevron-down
      * View All
      * Dresses
      * Tops
      * Graphic Tees & Tanks
      * Shorts
      * Sweatshirts & Fleece
      * Jackets
      * Rompers & Jumpsuits
      * Sweaters
      * Matching Sets
      * Jeans & Pants
      * Skirts
    * Wetsuits Wetsuits menu children chevron-down
      * View All
      * Fullsuits
      * Springsuits
      * Wetsuit Accessories
      * Girls' Rashguards
      * Girls' Wetsuits
    * Adventure Division Adventure Division menu children chevron-down
      * View All
      * Swim
      * Tops
      * Bottoms
      * Hoodies & Fleece
      * Jackets
      * Accessories
    * Accessories Accessories menu children chevron-down
      * View All
      * Backpacks
      * Shoes
      * Hats & Beanies
      * Handbags & Totes
      * Beach Accessories
    * Girls Girls menu children chevron-down
      * View All
      * Girls' New Arrivals
      * Girls' Swim
      * Girls' Dresses & Rompers
      * Girls' Tops & Tees
      * Girls' Hoodies & Fleece
      * Girls' Shorts & Skirts
      * Girls' Pants
      * Girls' Wetsuits
      * Girls' Rashguards
      * Girls' Accessories
    * Sale Sale menu children chevron-down
      * View All
      * New to Sale
      * Sale Swim
      * Sale Bikinis
      * Sale Clothing
      * Sale Dresses
      * Sale Tops
      * Sale Bottoms
      * Sale Accessories
      * Sale Shoes
      * Sale Surfwear
      * Sale Girls'

 * Search
 * Log in Log in

search Search
Log in

Cart
Close

Search Search Close



YOUR CART

Close

You are $99.00 away from free shipping.



Your cart is empty

Continue shopping

Your cart

Taxes and shipping calculated at checkout

Subtotal

$0.00

Checkout


WELCOME

Close




SHOP IN:

Country

United States (USD)
Language English (en)
Update Preferences





QUESTIONS? WE HAVE ANSWERS.




CONTACT US


BILLABONG CONTACT US

Full Name* (required)

 
Email Address* (required)

 
My Question
   
 *  
 * Account Maintenance
 * Billing Inquiry
 * Discount/Promo Price
 * General Inquiry
 * Gift Cards
 * Loyalty
 * Order Status
 * Product Inquiry
 * Return
 * Refund
 * Technical Issues
 * Warranty

 
 
Message* (required)

 
Please provide a brief description of your inquiry or issue.
Attachments
Upload or drag files here.
 

Submit

Call Us


(855) 489-0995
Available Monday - Friday: 9:00am – 6:00pm PST
Saturday - Sunday: Closed
Closed Major Holidays



Sign Up for our Newsletter

Subscribe
 * Support minus plus
    * Help Center
    * FAQ
    * Shipping
    * Returns
    * Contact Us
    * Affiliate Program

 * About minus plus
    * Join Billabong Crew
    * Careers

 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 

 * Instagram
 * Facebook
 * Twitter
 * YouTube

© 2024 Billabong.com. All Rights Reserved.

 * Privacy Policy
 * Terms of Use
 * Accessibility Statement
 * Do Not Sell or Share My Personal Information

 * Choosing a selection results in a full page refresh.



close arrow-left

close
close
move
close




My Wishlist0




Close dialog 3

15% OFF YOUR FIRST ORDER

Keep up with Billabong! Be the first to know about our newest arrivals, sales,
news from in & around the water, and more - all delivered straight to your
inbox.

Preferences:

MENS
WOMENS
BOYS
GIRLS


SUBMIT
NO THANKS

15% off coupon code will be sent to the email provided. Valid for first-time US
customers and new email subscribers only. Exclusions apply – discount not valid
on wetsuits, lycra, special collections, third-party goods, or custom products.
Code expires 90 days from retrieval and is valid online at billabong.com, one
use per customer. Cannot apply offer to past orders nor combine the discount
with any other offer. By entering your email, you agree to our Privacy Policy.

www.billabong.com Open in urlscan Pro 2620:127:f00f:e:: Public Scan

Form analysis 8 forms found in the DOM

POST /cart/update

GET /search

POST /localization

POST /localization

Text Content

www.billabong.com Open in urlscan Pro
2620:127:f00f:e:: Public Scan

Form analysis
8 forms found in the DOM