fenderfamily.co.za Open in urlscan Pro
129.232.228.242  Public Scan

Submitted URL: https://projects.heavyweightdigital.co.za/
Effective URL: https://fenderfamily.co.za/
Submission: On August 31 via api from US — Scanned from DE

Form analysis 2 forms found in the DOM

<form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_1 go417382439 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-XY7WGd" novalidate=""
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; border-radius: 6px; border-style: none; border-width: 2px; border-color: rgb(180, 187, 195); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position-y: 50%; padding: 10px 5px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 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: 10px 6px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-94576396" style="width: 100%;">
          <div class="ql-snow ql-container ql-disabled" style="font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">
            <div class="ql-editor ql-blank" data-gramm="false" contenteditable="false" style="font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">
              <p style="text-align:center;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><br style="font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"></p>
            </div>
            <div class="ql-clipboard" contenteditable="true" tabindex="-1" style="font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"></div>
          </div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1"
        style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; background-color: rgba(255, 255, 255, 0); 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="first_name_94576398" class="needsclick go2784373193 kl-private-reset-css-Xuajs1" type="text"
            autocomplete="given-name" tabindex="0" placeholder="Full Name" aria-label="Full Name" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 45px; text-align: left; color: rgb(132, 132, 133); font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgba(255, 255, 255, 0.98); border: 1px solid rgb(132, 132, 133);">
          <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: 10px 6px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; justify-content: flex-start; display: flex;">
          <fieldset class="needsclick go2404488074 kl-private-reset-css-Xuajs1" style="align-self: flex-end; flex-flow: column wrap;">
            <div role="radiogroup" class="needsclick  kl-private-reset-css-Xuajs1" style="display: inline-flex; justify-content: flex-start; flex-wrap: wrap;"><input class="needsclick klaviyo-sr-only kl-private-reset-css-Xuajs1" tabindex="0"
                type="radio" id="Gender__3__12" name="Gender__3" aria-invalid="false" aria-label="Male"><label class="needsclick go483153918 kl-private-reset-css-Xuajs1" for="Gender__3__12"
                style="display: flex; align-items: center; flex: 0 0 auto; padding-bottom: 8px; word-break: break-word; max-width: 100%; cursor: pointer;"><svg 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(132, 132, 133); margin-right: 8px; min-width: 20px; width: auto; height: auto; border-radius: 50%;">
                  <g>
                    <g>
                      <circle stroke-width="1" cx="10" cy="10" r="9.5" fill="rgba(255,255,255,0.98)"></circle>
                    </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="radio_inner_Gender__3__12" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="shape-radio_inner_Gender__3__12" transform="translate(4.000000, 4.000000)" fill="#303B43">
                      <circle fill="#848485" id="oval-radio_inner_Gender__3__12" cx="6" cy="6" r="5.55555556"></circle>
                    </g>
                  </g>
                </svg>
                <div class="needsclick  kl-private-reset-css-Xuajs1"
                  style="cursor: pointer; color: rgb(132, 132, 133); font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; margin-right: 24px; display: flex; position: relative; top: 1px;">Male</div>
              </label><input class="needsclick klaviyo-sr-only kl-private-reset-css-Xuajs1" tabindex="0" type="radio" id="Gender__3__13" name="Gender__3" aria-invalid="false" aria-label="Female"><label
                class="needsclick go483153918 kl-private-reset-css-Xuajs1" for="Gender__3__13" style="display: flex; align-items: center; flex: 0 0 auto; padding-bottom: 8px; word-break: break-word; max-width: 100%; cursor: pointer;"><svg
                  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(132, 132, 133); margin-right: 8px; min-width: 20px; width: auto; height: auto; border-radius: 50%;">
                  <g>
                    <g>
                      <circle stroke-width="1" cx="10" cy="10" r="9.5" fill="rgba(255,255,255,0.98)"></circle>
                    </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="radio_inner_Gender__3__13" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="shape-radio_inner_Gender__3__13" transform="translate(4.000000, 4.000000)" fill="#303B43">
                      <circle fill="#848485" id="oval-radio_inner_Gender__3__13" cx="6" cy="6" r="5.55555556"></circle>
                    </g>
                  </g>
                </svg>
                <div class="needsclick  kl-private-reset-css-Xuajs1"
                  style="cursor: pointer; color: rgb(132, 132, 133); font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; margin-right: 24px; display: flex; position: relative; top: 1px;">Female
                </div>
              </label></div>
            <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
          </fieldset>
        </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;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_94576402" class="needsclick go2784373193 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: 2px; padding: 0px 0px 0px 16px; height: 45px; text-align: left; color: rgb(132, 132, 133); font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgba(255, 255, 255, 0.98); border: 1px solid rgb(132, 132, 133);">
          <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: 10px 6px; 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="phone_number_94576403" class="needsclick go2784373193 kl-private-reset-css-Xuajs1" type="text"
            autocomplete="tel" tabindex="0" placeholder="Contact Number" aria-label="Contact Number" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 45px; text-align: left; color: rgb(132, 132, 133); font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgba(255, 255, 255, 0.98); border: 1px solid rgb(132, 132, 133);">
          <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;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; align-self: flex-end;">
          <div class="needsclick  kl-private-reset-css-Xuajs1">
            <div class="needsclick  kl-private-reset-css-Xuajs1" style="position: relative; display: flex;">
              <div class="needsclick go1340132060 kl-private-reset-css-Xuajs1"
                style="flex: 1 1 0%; display: flex; flex-direction: row; justify-content: space-between; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.98); padding: 0px 8px 0px 16px; border: 1px solid rgb(132, 132, 133); height: 45px; cursor: pointer; border-radius: 2px;">
                <input class="needsclick go4141151655 kl-private-reset-css-Xuajs1" role="combobox" aria-haspopup="listbox" aria-owns="downshift-0-menu" aria-expanded="false" id="downshift-0-input" aria-autocomplete="list"
                  aria-controls="downshift-0-menu" aria-labelledby="downshift-0-label" autocomplete="off" aria-label="- Select Province -" aria-invalid="false" tabindex="0" placeholder="- Select Province -"
                  style="border: none; flex: 1 1 0%; cursor: pointer; color: rgb(132, 132, 133); font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px;"><button type="button"
                  id="downshift-0-toggle-button" tabindex="-1" aria-label="Show Options" class="needsclick  kl-private-reset-css-Xuajs1" style="cursor: pointer;"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false"
                    class="" transform="" tabindex="-1" style="fill: rgb(132, 132, 133);">
                    <path
                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
                    </path>
                  </svg></button></div>
              <div id="downshift-0-menu" role="listbox" aria-labelledby="downshift-0-label" class="needsclick  kl-private-reset-css-Xuajs1"
                style="background-color: rgb(255, 255, 255); box-sizing: border-box; width: 100%; max-height: 150px; position: absolute; overflow-y: auto; z-index: 2; border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); bottom: 100%; border-top-right-radius: 2px; border-top-left-radius: 2px;">
              </div>
            </div>
          </div>
          <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: 10px 6px; 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="city_94576405" class="needsclick go2784373193 kl-private-reset-css-Xuajs1" type="text"
            autocomplete="address-level2" tabindex="0" placeholder="Town/City" aria-label="Town/City" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 45px; text-align: left; color: rgb(132, 132, 133); font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgba(255, 255, 255, 0.98); border: 1px solid rgb(132, 132, 133);">
          <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;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="zip_94576406" class="needsclick go2784373193 kl-private-reset-css-Xuajs1" type="text"
            autocomplete="postal-code" tabindex="0" placeholder="Postal Code" aria-label="Postal Code" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 45px; text-align: left; color: rgb(132, 132, 133); font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgba(255, 255, 255, 0.98); border: 1px solid rgb(132, 132, 133);">
          <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: 10px 6px; 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 type="text" id="Birthdate_94576407" class="needsclick go2784373193 kl-private-reset-css-Xuajs1"
            tabindex="0" placeholder="DD/MM/YYYY" aria-label="" aria-invalid="false"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 45px; text-align: left; color: rgb(132, 132, 133); font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgba(255, 255, 255, 0.98); border: 1px solid rgb(132, 132, 133);">
          <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;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-94576408" style="width: 100%;">
          <div class="ql-snow ql-container ql-disabled" style="font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">
            <div class="ql-editor ql-blank" data-gramm="false" contenteditable="false" style="font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">
              <p style="font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><br style="font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"></p>
            </div>
            <div class="ql-clipboard" contenteditable="true" tabindex="-1" style="font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"></div>
          </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: 10px 6px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-94576409" style="width: 100%;">
          <p style="text-align:right;font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span
              style="color:rgb(117, 117, 117);font-size:14px;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">This is your date of birth</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-94576410" 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-lato"
              style="color:rgb(71, 71, 71);font-size:24px;font-family:Lato, Helvetica, Arial, sans-serif;font-weight:400;">What do you play?</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="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; align-self: flex-end;">
          <div class="needsclick  kl-private-reset-css-Xuajs1">
            <div class="needsclick  kl-private-reset-css-Xuajs1" style="position: relative; display: flex;">
              <div class="needsclick go1340132060 kl-private-reset-css-Xuajs1"
                style="flex: 1 1 0%; display: flex; flex-direction: row; justify-content: space-between; box-sizing: border-box; background-color: rgba(255, 255, 255, 0.98); padding: 0px 8px 0px 16px; border: 1px solid rgb(132, 132, 133); height: 45px; cursor: pointer; border-radius: 2px;">
                <input class="needsclick go4141151655 kl-private-reset-css-Xuajs1" role="combobox" aria-haspopup="listbox" aria-owns="downshift-1-menu" aria-expanded="false" id="downshift-1-input" aria-autocomplete="list"
                  aria-controls="downshift-1-menu" aria-labelledby="downshift-1-label" autocomplete="off" aria-label="- Select Instrument -" aria-invalid="false" tabindex="0" placeholder="- Select Instrument -"
                  style="border: none; flex: 1 1 0%; cursor: pointer; color: rgb(132, 132, 133); font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px;"><button type="button"
                  id="downshift-1-toggle-button" tabindex="-1" aria-label="Show Options" class="needsclick  kl-private-reset-css-Xuajs1" style="cursor: pointer;"><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false"
                    class="" transform="" tabindex="-1" style="fill: rgb(132, 132, 133);">
                    <path
                      d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z">
                    </path>
                  </svg></button></div>
              <div id="downshift-1-menu" role="listbox" aria-labelledby="downshift-1-label" class="needsclick  kl-private-reset-css-Xuajs1"
                style="background-color: rgb(255, 255, 255); box-sizing: border-box; width: 100%; max-height: 150px; position: absolute; overflow-y: auto; z-index: 2; border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); bottom: 100%; border-top-right-radius: 2px; border-top-left-radius: 2px;">
              </div>
            </div>
          </div>
          <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: 10px 6px; 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="Serial_Number_94576412" class="needsclick go2784373193 kl-private-reset-css-Xuajs1" type="text"
            tabindex="0" placeholder="Serial Number (Optional)" aria-label="Serial Number (Optional)" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 45px; text-align: left; color: rgb(132, 132, 133); font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgba(255, 255, 255, 0.98); border: 1px solid rgb(132, 132, 133);">
          <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 0px; position: relative; flex: 0 1 auto; margin: 0px auto;"><button
          class="needsclick go3755622499 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(224, 0, 0); border-radius: 2px; border-style: solid; border-color: rgb(224, 0, 0); border-width: 5px; color: rgb(255, 255, 255); font-family: &quot;Barlow Semi Condensed&quot;, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 2px; 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: 42px;">JOIN
          NOW</button></div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

<form autocomplete="off">
  <div class="wpsl-input">
    <div><label for="wpsl-search-input">Your location</label></div>
    <input id="wpsl-search-input" type="text" value="" name="wpsl-search-input" placeholder="" aria-required="true">
  </div>
  <div class="wpsl-select-wrap">
    <div id="wpsl-radius">
      <label for="wpsl-radius-dropdown">Search radius</label>
      <div class="wpsl-dropdown"><select id="wpsl-radius-dropdown" class="" name="wpsl-radius" style="display: none;">
          <option value="10">10 km</option>
          <option value="25">25 km</option>
          <option selected="selected" value="50">50 km</option>
          <option value="100">100 km</option>
          <option value="200">200 km</option>
          <option value="500">500 km</option>
        </select><span data-value="50" class="wpsl-selected-item">50 km</span>
        <div>
          <ul>
            <li data-value="10">10 km</li>
            <li data-value="25">25 km</li>
            <li data-value="50" class="wpsl-selected-dropdown">50 km</li>
            <li data-value="100">100 km</li>
            <li data-value="200">200 km</li>
            <li data-value="500">500 km</li>
          </ul>
        </div>
      </div>
    </div>
    <div id="wpsl-results">
      <label for="wpsl-results-dropdown">Results</label>
      <div class="wpsl-dropdown"><select id="wpsl-results-dropdown" class="" name="wpsl-results" style="display: none;">
          <option selected="selected" value="25">25</option>
          <option value="50">50</option>
          <option value="75">75</option>
          <option value="100">100</option>
        </select><span data-value="25" class="wpsl-selected-item">25</span>
        <div>
          <ul>
            <li data-value="25" class="wpsl-selected-dropdown">25</li>
            <li data-value="50">50</li>
            <li data-value="75">75</li>
            <li data-value="100">100</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="wpsl-search-btn-wrap"><input id="wpsl-search-btn" type="submit" value="Search"></div>
</form>

Text Content

Skip to content
 * Home
 * Find a Dealer
 * Contact Us

Main Menu
 * Home
 * Find a Dealer
 * Contact Us

 * Home
 * Find a Dealer
 * Contact Us

Main Menu
 * Home
 * Find a Dealer
 * Contact Us

Albert
WELCOME TO
THE SOUTH AFRICAN FENDER FAMILY
JOIN NOW

Karen
WELCOME TO
THE SOUTH AFRICAN FENDER FAMILY
JOIN NOW

Majozi
WELCOME TO
THE SOUTH AFRICAN FENDER FAMILY
JOIN NOW

Carlow
WELCOME TO
THE SOUTH AFRICAN FENDER FAMILY
JOIN NOW

Acoustic E
WELCOME TO
THE SOUTH AFRICAN FENDER FAMILY
JOIN NOW





JOIN THE #FENDERFAMILY

Fender South Africa welcomes you to the Fender Family. Join and be the first to
know about new products, great competitions, and exclusive roadshows & events.





Male
Female










This is your date of birth

What do you play?


JOIN NOW


WHY JOIN ? (IT'S FREE)


VIP ACCESS

FIND OUT MORE


VIP ACCESS

Being part of the #Fenderfamily gets you VIP access. You will be the first to
find out about:

• New product launches
• Great competitions
• Exclusive roadshows
• Special events with our Fender artists


ALL THINGS FENDER IN YOUR INBOX

FIND OUT MORE


ALL THINGS FENDER IN YOUR INBOX

Never miss a product launch again, we’ll keep you in the loop.

Fender is known for producing an amazingly diverse lineup of instruments, so
you'll definitely find one that you're going to love, or already do. Whether
it's a Strat, a Tele, a Mustang, Jaguar or Jazzmaster, these Fenders are truly
going to bring your playing to life. Of course, Fender also offers an impressive
line of bass guitars as well as a full line of Amplifiers, meaning they've got
you covered regardless of which instrument you love.


MEET OTHER FENDER FANS

FIND OUT MORE


MEET OTHER FENDER FANS

We are all joined by one common denominator, we love what Fender represents and
we want to own a Fender instrument (or two, or three!). We have created a
fraternity to celebrate and appreciate Fender as a collective.

Being part of the #FenderFamily you will have the opportunity to meet
like-minded people on the same journey as you, and discover more.
Browse deals

UNLEASH YOUR POTENTIAL


SQUIER SONIC SERIES

The Sonic Series provides an affordable, durable electric guitar experience with
solid Affinity pickups, a variety of vibrant colors, and easy modification
options for lifelong enjoyment.

See the Range

BRAND NEW AGAIN


AMERICAN VINTAGE II SERIES

The Fender® American Vintage II series offers a precise recreation of iconic
guitars with authentic designs, premium finishes, and period-specific pickups,
embodying Fender’s legendary craftsmanship and tone.

See the Range

ICONIC SOUND. TIMELESS STYLE. COMFORTABLE FEEL.


PLAYER SERIES

Built on the foundation of legends, the Player Series is built to fuel your
musical legacy with authentic Fender tone and feel. Iconic, timeless and
original

See the Range



SHOP FENDER IN SA

Your location
Search radius
10 km25 km50 km100 km200 km500 km 50 km
 * 10 km
 * 25 km
 * 50 km
 * 100 km
 * 200 km
 * 500 km

Results
255075100 25
 * 25
 * 50
 * 75
 * 100






KEEP UP WITH US ON FACEBOOK




FOLLOW US ON INSTAGRAM

Follow @Instagram



LATEST NEWS


SQUIER 40TH ANNIVERSARY

Check out the new Gold Anniversary collection.

READ MORE


THE PARAMOUNT SERIES

Unlock your creativity with inspiring features, premium materials and superior
design.

READ MORE


GEORGE HARRISON ROSEWOOD TELECASTER

A limited-edition commemoration that embodies George's elegant playing style and
sound.

READ MORE


FEATURED PRODUCTS





DID YOU KNOW?

Founded in 1946 by Leo Fender, Fender brought the first mass-produced solid-body
Spanish-style electric guitar to the market, and with that, wrote the book on
how to do an electric guitar right.

Today, their legendary Telecaster and Stratocaster designs are among the most
respected and revered in the world.


QUICK LINKS

 * Home
 * Sonic Series Video
 * Contact Us

DISTRIBUTED IN SOUTH AFRICA BY:



Feedback Distributors
Unit 24, Royal Cape Park
Londonderry Road, Ottery 7800
Cape Town
South Africa




CONNECT WITH US:

 * Facebook
 * Instagram

Copyright © 2024 Fender Family

Powered by the Bothner Music Group

Fender Family
Scroll to Top