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
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: "Nunito Sans", "Helvetica Neue", 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: "Nunito Sans", "Helvetica Neue", 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: "Nunito Sans", "Helvetica Neue", 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: "Nunito Sans", "Helvetica Neue", 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("https://d3k81ch9hvuctc.cloudfront.net/company/Sy2HCh/images/bd19958c-d0c4-432c-9c19-8c440866e9e3.jpeg"); 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;"> </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, "Helvetica Neue", 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, "Helvetica Neue", 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