www.crocssa.co.za
Open in
urlscan Pro
2620:127:f00f:e::
Public Scan
URL:
https://www.crocssa.co.za/collections/outlet
Submission: On December 02 via api from US — Scanned from CA
Submission: On December 02 via api from US — Scanned from CA
Form analysis 3 forms found in the DOM
<form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_1 go3040703814 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-TDTavM" novalidate=""
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_016JB91TTR000000000029VVS6" class="needsclick go4010543006 kl-private-reset-css-Xuajs1"
type="email" autocomplete="email" name="email" tabindex="0" placeholder="Email" aria-label="Email" aria-required="true" 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 go369028268 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; pointer-events: auto; height: 40px;">Subscribe</button>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form><form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_2 go3040703814 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-TDTavM" novalidate=""
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_016JB91TTR000000000029VVS6" class="needsclick go4010543006 kl-private-reset-css-Xuajs1"
type="email" autocomplete="email" name="email" tabindex="0" placeholder="Email" aria-label="Email" aria-required="true" 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 go369028268 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; pointer-events: auto; height: 40px;">Subscribe</button>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form><form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_3 go417382439 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-YfFWCk" novalidate=""
style="display: flex; flex-direction: row; box-sizing: border-box; width: 600px; 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, 244, 142); background-repeat: no-repeat; background-position-y: 50%; padding: 0px 0px 20px; 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: 561px; 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; 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/Sy2HCh/images/3bccf38a-d5f3-4f80-b361-613fbfd05d75.png" tabindex="-1" class="needsclick kl-private-reset-css-Xuajs1"
style="max-width: 100%; width: 600px; 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: 0px 0px 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/Sy2HCh/images/17f8c736-5abb-4a68-91c6-f0fb070ee961.png" tabindex="-1" class="needsclick kl-private-reset-css-Xuajs1"
style="max-width: 100%; width: 700px; 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: 0px 6px 0px 0px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000002N0J5P" style="width: 100%;">
<p style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span
style="color: rgb(0, 0, 0); font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 36px; font-weight: 900; font-style: normal;"><strong>TAKE 10% OFF</strong></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: 0px 6px 7px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000002N0J5Q" style="width: 100%;">
<div style="text-align: center;"><span style="color: rgb(0, 0, 0); font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;">YOUR NEXT ORDER</span></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 150px 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_016JB91TTR00000000002N0J5R" class="needsclick go2505225411 kl-private-reset-css-Xuajs1"
type="email" autocomplete="email" name="email" tabindex="0" placeholder="Enter your email" aria-label="Enter your email" aria-required="true" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 100px; padding: 0px 0px 0px 16px; height: 40px; text-align: left; color: rgb(55, 63, 71); font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(96, 106, 114);">
<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 150px; position: relative; background-color: rgba(255, 255, 255, 0); flex: 1 0 0px;"><button class="needsclick go300628013 kl-private-reset-css-Xuajs1" type="button"
tabindex="0"
style="background: rgb(0, 0, 0); border-radius: 100px; 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: 14px; 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; pointer-events: auto; height: 40px; width: 100%;">SIGN
UP</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: 0px 6px 10px; position: relative; flex: 1 0 0px;"><button
class="needsclick go300628013 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgba(48, 59, 67, 0); border-radius: 0px; border-style: none; border-color: rgb(0, 0, 0); border-width: 0px; color: rgb(0, 0, 0); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; font-weight: 200; 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; pointer-events: auto; height: 30px; width: 100%;">Decline
Offer</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 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 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 Follow us on our social media Accepted Payment Methods ©2024 Freeform Trading (PTY) LTD. Privacy Policy / Terms of Use / Cookie Policy / Paia Policy ©2024 Freeform Trading (PTY) LTD. Privacy Policy / Terms of Use / Cookie Policy / Paia Policy * Choosing a selection results in a full page refresh. Close dialog TAKE 10% OFF YOUR NEXT ORDER SIGN UP Decline Offer