www.crocssa.co.za Open in urlscan Pro
2620:127:f00f:e::  Public Scan

Submitted URL: https://www.crocssa.co.za/_t/c/A1030004-17D17160DB61CF25-961A5A0E
Effective URL: https://www.crocssa.co.za/
Submission: On May 21 via api from ZA — Scanned from CA

Form analysis 3 forms found in the DOM

<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-TDTavM" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; max-width: 450px; margin: 0px auto; border-radius: 2px; 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: 0px; 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 10px 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_77459238" class="needsclick go1735869219 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: 4px; padding: 0px 0px 0px 16px; height: 40px; text-align: left; color: rgb(255, 255, 255); font-family: &quot;Nunito Sans&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0px; background-color: rgb(0, 0, 0); border: 1px solid rgb(255, 255, 255);">
          <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 6px; position: relative; flex: 0 1 auto; margin: 0px auto;"><button
          class="needsclick go1836112351 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(255, 255, 255); border-radius: 4px; border-style: none; border-color: rgb(29, 29, 29); border-width: 2px; color: rgb(0, 0, 0); font-family: &quot;Nunito Sans&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; 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;">
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_2 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-TDTavM" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; max-width: 450px; margin: 0px auto; border-radius: 2px; 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: 0px; 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 10px 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_77459238" class="needsclick go1735869219 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: 4px; padding: 0px 0px 0px 16px; height: 40px; text-align: left; color: rgb(255, 255, 255); font-family: &quot;Nunito Sans&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0px; background-color: rgb(0, 0, 0); border: 1px solid rgb(255, 255, 255);">
          <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 6px; position: relative; flex: 0 1 auto; margin: 0px auto;"><button
          class="needsclick go1836112351 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(255, 255, 255); border-radius: 4px; border-style: none; border-color: rgb(29, 29, 29); border-width: 2px; color: rgb(0, 0, 0); font-family: &quot;Nunito Sans&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 700; 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;">
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_3 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-YfFWCk" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 780px; min-width: 200px; max-width: 1000px; border-radius: 4px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position-y: 50%; padding: 20px 15px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1"
    style="display: flex; flex-direction: column; width: 390px; margin: -20px 0px -20px -15px; padding: 0px; border-top: 0px solid transparent; border-right: 0px; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-bottom-left-radius: 4px; border-top-left-radius: 4px; overflow: hidden; min-width: 390px; min-height: 380px;">
    <div class="needsclick  kl-private-reset-css-Xuajs1"
      style="background-image: url(&quot;https://d3k81ch9hvuctc.cloudfront.net/company/Sy2HCh/images/bd19958c-d0c4-432c-9c19-8c440866e9e3.jpeg&quot;); background-repeat: no-repeat; background-size: cover; background-position: 50% 0%; 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 15px; min-height: 380px; 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 6px 0px 0px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-88487457" style="width: 100%;">
          <p style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span class="ql-font-poppins"
              style="font-size: 24px; color: #373f47; font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 800;">Sign up to join the <br>Crocs Newsletter</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: 20px 6px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-88487458" style="width: 100%;">
          <ul>
            <li><span class="ql-font-poppins" style="font-size: 16px; color: #373f47; font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400;">Get 10% OFF your next order</span></li>
            <li><span class="ql-font-poppins" style="font-size: 16px; color: #373f47; font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400;">Access to exclusive deals and offers</span></li>
            <li><span class="ql-font-poppins" style="font-size: 16px; color: #373f47; font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400;">Be the first to know about new drops</span><span class="ql-font-poppins"
                style="font-size: 16px; color: #373f47; font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400;">&nbsp;</span></li>
          </ul>
        </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 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_88487459" class="needsclick go3578274518 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="Enter your email" aria-label="Enter your email" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 4px; padding: 0px 0px 0px 16px; height: 50px; text-align: left; color: rgb(55, 63, 71); font-family: Poppins, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0) 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; background-color: rgba(255, 255, 255, 0); flex: 1 0 0px;"><button class="needsclick go952291206 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(255, 119, 5); border-radius: 6px; border-style: none; border-color: rgb(191, 73, 115); border-width: 2px; color: rgb(255, 255, 255); font-family: Poppins, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 700; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 54px; width: 100%;">SIGN
          UP</button></div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

Text Content

Skip to content
SHOP CLASSICS
SHOP SANDALS
SHOP CLASSICS
SHOP SANDALS
SHOP CLASSICS
SHOP SANDALS
SHOP MULTI PACKS
SHOP YUMMINESS
LICENSED PRODUCT
SHOP ELEVATED CLASSICS
SHOP CROCS AT WORK



DYLAN CLOG

CROCS™ | A TIMELESS TOUCH OF STYLE



Made to mimic the look of genuine, full-grain leather mules, the Dylan Clog
provides a modern alternative to our Classic Clogs collection. Whether you dress
it up or down, you get a timeless touch of style with the iconic comfort you
love.

SHOP NOW



TRENDING

fresh drops

|

Shop trend

Shop Trend

Shop trend
Shop jibbitz

SA JIBBITZ

Express yourself with the latest SA Jibbitz, adding personality to your Crocs
effortlessly.

SHOP NOW

I AM KIDS COLLECTION

Ignite imaginative play with these animal character crocs.

SHOP NOW


LIVE THE DUKE LIFE


LIVE THE DUKE LIFE

A fun Duke the Crocodile print provides extra style to this version of the
iconic clog.

shop now


LATEST JIBBITZ™

FRESH DROPS

|

Personalise your Crocs

shop jibbitz


LATEST JIBBITZ™

FRESH DROPS

|

Personalise your Crocs

shop jibbitz

Shop jibbitz

COLLAB

CROCS™ | Limited edition

LEARN MORE

GIFT CARDS

CROCS™ | Gift of Choice

LEARN MORE

FIND A STORE

CROCS™ | Anywhere Anytime

LEARN MORE

COLLABS



CROCS™



|



Limited edition



GIFT CARDS



CROCS™



|



Gift of Choice



FIND A STORE



CROCS™



|



Anywhere Anytime




@CROCSZA

Uniquely you

|

Come as you are

FOLLOW @CROCSZA
FOLLOW @CROCSZA

CONTACT DETAILS

 * Phone Support
   
   087 237 6845

 * Email
   
   support@crocssa.co.za

 * Mon-Thu: 8am - 4pm CAT
   
   Fri: 8am - 2pm CAT

 * Contact Us Store Locator Trading Hours

ORDER & SUPPORT

 * Returns & Exchanges
 * Shipping & Delivery
 * Help & FAQ
 * Size Charts
 * Track Your Order
   

ABOUT

 * About Us
 * Collaborations
 * Site Map

SOCIAL MEDIA

 * Facebook
 * Twitter
 * Youtube
 * Instagram

CONNECT WITH CROCS SOUTH AFRICA

By providing your email, you agree to the Terms of Use and Privacy Policy. You
may unsubscribe at any time

Subscribe


CONNECT WITH CROCS SOUTH AFRICA

By providing your email, you agree to the Terms of Use and Privacy Policy. You
may unsubscribe at any time

Subscribe

CONTACT DETAILS

Phone Support 087 237 6845

Email support@crocssa.co.za

Mon-Thu: 8am - 4pm CAT Fri: 8am - 2pm CAT

Contact Us Store Locator Trading Hours

ORDER & SUPPORT

Returns & Exchanges Shipping & Delivery Help & FAQ Size Charts

ABOUT

About Us Collaborations Site Map

Follow us on our social media



Accepted Payment Methods



©2024 Freeform Trading (PTY) LTD. Privacy Policy / Terms of Use / Cookie Policy

©2024 Freeform Trading (PTY) LTD. Privacy Policy / Terms of Use / Cookie Policy


 * Choosing a selection results in a full page refresh.




Close dialog 3

Sign up to join the
Crocs Newsletter

 * Get 10% OFF your next order
 * Access to exclusive deals and offers
 * Be the first to know about new drops 


SIGN UP