shop.mattel.com Open in urlscan Pro
2620:127:f00f:e::  Public Scan

Submitted URL: https://mybarbie.ch/
Effective URL: https://shop.mattel.com/pages/barbie
Submission: On June 10 via api from CH — Scanned from CH

Form analysis 3 forms found in the DOM

<form class="footer-newsletter__form" id="footerNewsletterForm" data-source-id="10886" data-preference-id="Mattel Shop">
  <div class="footer-newsletter__form-inline">
    <div class="footer-newsletter__form-inline-input input-placeholder">
      <label for="newsletterInput">Enter your email</label>
      <input id="footerNewsletterInput" class="input" name="email" type="text">
    </div>
    <button class="footer-newsletter__form-inline-btn btn-icon" id="footerNewsletterSubmit" type="submit" data-track-category="sign up" data-track-name="Footer Newsletter SignUp" data-track-text="Sign Up">Sign Up</button>
  </div>
  <p class="footer-newsletter__error email-error">
    <i class="icon icon--error"></i>Invalid email address
  </p>
  <div class="footer-newsletter__checkbox checkbox">
    <input id="footerNewsletterCheckbox" name="checkbox" type="checkbox" checked="">
    <label class="footer-newsletter__desc" for="footerNewsletterCheckbox">By submitting my email, I confirm I want to receive emails from Mattel and other trusted Mattel brands and programs. Click to read Mattel's
      <a href="https://corporate.mattel.com/en-us/terms-and-conditions">Terms &amp; Conditions</a> and <a href="https://www.mattel.com/en-us/privacy-statement">Privacy Statement.</a></label>
    <p class="footer-newsletter__error checkbox-error">
      <i class="icon icon--error"></i>You must agree to the terms
    </p>
  </div>
  <p class="footer-newsletter__desc footer-newsletter__desc--us">By submitting my email, I confirm I want to receive emails from Mattel and other trusted Mattel brands and programs. Click to read Mattel's
    <a href="https://corporate.mattel.com/en-us/terms-and-conditions">Terms &amp; Conditions</a> and <a href="https://www.mattel.com/en-us/privacy-statement">Privacy Statement.</a></p>
</form>

POST /cart

<form id="bagForm" action="/cart" method="post" class="bag__form pf-form-processed">
  <header class="bag__header">
    <div class="bag__added-title">
      <i class="icon icon--check-green"></i> Added to Cart
    </div>
  </header>
  <div class="bag__alerts js-bag-alerts mobile-only">
  </div>
  <div class="bag__content">
    <div class="bag__summary hide">
      <div id="bagTotals" class="bag__totals">
        <div class="bag__header">
          <div class="bag__title bag__title--summary">Order Summary</div>
        </div>
        <p class="bag__total">
          <span class="bag__total-label"> Subtotal </span>
          <span id="bagSubtotal" class="bag__total-value">$0</span>
        </p>
        <p class="bag__total bag__total--estimated">
          <span class="bag__total-label bag__total-label--estimated"> Estimated Total </span>
          <span id="estimatedSubtotal" class="bag__total-value bag__total-value--estimated">$0</span>
        </p>
        <p class="bag__subtotal-message"> Shipping &amp; taxes calculated at checkout </p>
        <div class="bag__actions">
          <button id="cartTemplateBtn" class="bag__action bag__checkout btn btn--primary" type="submit" name="checkout" title="Proceed to Checkout">
            <span class="bag__action-text"> Proceed to Check Out </span>
          </button>
          <p class="bag__promo-text"> Promo codes and gift cards are applied during checkout. </p>
        </div>
      </div>
    </div>
    <div class="bag__left">
      <div class="bag__alerts js-bag-alerts hide-mobile">
      </div>
      <div id="bagItems" class="bag__items"></div>
    </div>
    <div id="bagEmpty" class="bag__empty text-center">
      <i class="icon icon--box"></i>
      <div class="bag__empty-title">Your cart is empty.</div>
      <p>Missing products? Sign in to see your cart from a previous visit.</p>
      <a class="btn btn--primary" href="https://platform.mattel/shopify/login?shop_url=https://shop.mattel.com&amp;return_to=https://shop.mattel.com/en-us/account&amp;client_id=cKWsQKwG630yTOXOp6uwprYFulwny766&amp;action=login" rel="nofollow">
            Sign in
          </a>
    </div>
    <div class="bag__footer">
      <p class="bag__subtotal text-center"> Cart Subtotal <span id="bagSubtotal"></span>
      </p>
      <button class="bag__action bag__checkout btn btn--white btn--full" type="submit" name="checkout" title="View Cart &amp; Checkout"> View Cart &amp; Checkout </button>
    </div>
  </div>
</form>

Name: popUpModal

<form name="popUpModal" id="popUpModal" class="email__form js-email-sign-up" data-source-id="10857" data-modal-id="newsletterSignUpModal" novalidate="">
  <ul class="form-list">
    <li class="form-item js-email-form-item ">
      <div class="email__main-heading" style="color: #000000"> Continue email sign up </div>
      <div class="email__copy" style="color: #000000">
        <p>Stay in the know on sales updates, new products and more.</p>
      </div>
    </li>
    <li class="form-item js-email-form-item ">
      <div class="email__divider">
        <p class="email__divider-callout" style="color: "> *Required </p>
      </div>
    </li>
    <li class="form-item js-email-form-item ">
      <div class="email__secondary-heading" style="color: "> Your Details </div>
      <label class="email__label-heading" for="popUpModal-csc160cbb7cf2e8345" style="color: #000000"> Enter your email address * </label>
      <div class="email__input-wrapper">
        <input id="popUpModal-csc160cbb7cf2e8345" class="input js-email-form-input" type="email" name="EmailAddress" placeholder="Enter your email" required=""
          style=" --placeholder-color:  #000000; color: #000000; background-color: #ffffff; border-color: #000000;">
      </div>
      <p class="email__error-message hide js-field-error">
        <i class="icon icon--error"></i> Invalid email address
      </p>
    </li>
    <li class="form-item js-email-form-item ">
      <label class="email__label-heading" for="popUpModal-cs983bbd0ef80e12c4" style="color: #000000"> Enter your first name * </label>
      <div class="email__input-wrapper">
        <input id="popUpModal-cs983bbd0ef80e12c4" class="input js-email-form-input" type="text" name="consumerName[ConsumerFirstName]" placeholder="Enter your first name" required=""
          style=" --placeholder-color:  #000000; color: #000000; background-color: #ffffff; border-color: #000000;">
      </div>
      <p class="email__error-message hide js-field-error">
        <i class="icon icon--error"></i> Please enter your First Name
      </p>
    </li>
    <li class="form-item js-email-form-item ">
      <label class="email__label-heading" for="popUpModal-cs5fb4e91d70038faa" style="color: #000000"> Enter your last name * </label>
      <div class="email__input-wrapper">
        <input id="popUpModal-cs5fb4e91d70038faa" class="input js-email-form-input" type="text" name="consumerName[ConsumerLastName]" placeholder="Enter your last name" required=""
          style=" --placeholder-color:  #000000; color: #000000; background-color: #ffffff; border-color: #000000;">
      </div>
    </li>
    <li class="form-item js-email-form-item ">
      <div class="email__divider"></div>
    </li>
    <li class="form-item js-email-form-item ">
      <div class="email__secondary-heading" style="color: #000000"> We'd like our offers, product news and parenting tips to be just right for you and your child. </div>
      <div class="email__copy" style="color: #000000">
        <p>By providing my child’s information, I certify that I am the parent or legal guardian of the child or that I have legal authority to submit the child’s information.</p>
      </div>
    </li>
    <li class="form-item js-email-form-item ">
      <ul class="form-list" data-position="0">
        <li class="form-item js-email-form-item">
          <label class="email__label-heading" for="popUpModal-cs999e3de2c31f5e7f" style="color: "> Child’s Birth Date or Due Date </label>
          <div class="email__copy email__copy--label" style="color: "> We'd like our offers, product news and parenting tips to be just right for you and your child. </div>
          <div class="date-input-container">
            <input id="popUpModal-cs999e3de2c31f5e7f" class="input js-date-input js-email-form-input changed" type="date" name="consumerChild[ChildList][0][ChildDOB]" style=" --placeholder-color:  ; color: ; background-color: ; border-color: ;"
              onfocus="this.showPicker()">
            <span class="date-input-container__placeholder js-date-input-placeholder screenreader" style="color: "> MM/DD/YYYY </span>
            <svg class="icon icon--calendar date-input-container__icon" width="22px" height="20px" viewBox="0 0 22 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <defs>
                <polygon id="path-jnoad51rao-1" points="0.75 1.5 23.279 1.5 23.279 21.499 0.75 21.499"></polygon>
              </defs>
              <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                <g id="Modules/Form/Light-Mode/Standard-Icon-No-Label" transform="translate(-439.000000, -13.000000)">
                  <g id="Group" transform="translate(438.000000, 12.000000)">
                    <mask id="mask-jnoad51rao-2" fill="white">
                      <use xlink:href="#path-jnoad51rao-1"></use>
                    </mask>
                    <g id="Clip-2"></g>
                    <path d="M18.4454,6.833 C17.8924,6.833 17.4454,6.385 17.4454,5.833 L17.4454,2.5 C17.4454,1.948 17.8924,1.5 18.4454,1.5 C18.9984,1.5 19.4454,1.948 19.4454,2.5 L19.4454,5.833 C19.4454,6.385 18.9984,6.833 18.4454,6.833" id="Fill-3"
                      fill="#030303" mask="url(#mask-jnoad51rao-2)"></path>
                    <path d="M5.6954,6.833 C5.1424,6.833 4.6954,6.385 4.6954,5.833 L4.6954,2.5 C4.6954,1.948 5.1424,1.5 5.6954,1.5 C6.2484,1.5 6.6954,1.948 6.6954,2.5 L6.6954,5.833 C6.6954,6.385 6.2484,6.833 5.6954,6.833" id="Fill-4" fill="#030303"
                      mask="url(#mask-jnoad51rao-2)"></path>
                    <path d="M22.2227,10.1 L1.8907,10.1 C1.6137,10.1 1.3907,9.7192 1.3907,9.25 C1.3907,8.7808 1.6137,8.4 1.8907,8.4 L22.2227,8.4 C22.4997,8.4 22.7227,8.7808 22.7227,9.25 C22.7227,9.7192 22.4997,10.1 22.2227,10.1" id="Fill-5"
                      fill="#030303" mask="url(#mask-jnoad51rao-2)"></path>
                    <g mask="url(#mask-jnoad51rao-2)" fill="#030303">
                      <g transform="translate(4.320000, 12.100000)">
                        <polygon id="Fill-6" points="0 1.939 1.939 1.939 1.939 0 0 0"></polygon>
                        <polygon id="Fill-7" points="3.357 1.939 5.296 1.939 5.296 0 3.357 0"></polygon>
                        <polygon id="Fill-8" points="6.715 1.939 8.656 1.939 8.656 0 6.715 0"></polygon>
                        <polygon id="Fill-9" points="10.072 1.939 12.013 1.939 12.013 0 10.072 0"></polygon>
                        <polygon id="Fill-10" points="13.431 1.939 15.369 1.939 15.369 0 13.431 0"></polygon>
                        <polygon id="Fill-11" points="0 5.055 1.939 5.055 1.939 3.116 0 3.116"></polygon>
                        <polygon id="Fill-12" points="3.357 5.055 5.296 5.055 5.296 3.116 3.357 3.116"></polygon>
                        <polygon id="Fill-13" points="6.715 5.055 8.656 5.055 8.656 3.116 6.715 3.116"></polygon>
                        <polygon id="Fill-14" points="10.072 5.055 12.013 5.055 12.013 3.116 10.072 3.116"></polygon>
                        <polygon id="Fill-15" points="13.431 5.055 15.369 5.055 15.369 3.116 13.431 3.116"></polygon>
                      </g>
                    </g>
                    <rect id="Rectangle" stroke="#030303" stroke-width="1.7" stroke-linejoin="round" mask="url(#mask-jnoad51rao-2)" x="2" y="4" width="20" height="16"></rect>
                  </g>
                </g>
              </g>
            </svg>
          </div>
          <p class="email__error-message hide js-field-error">
            <i class="icon icon--error"></i> Please enter child's birthdate or due date
          </p>
        </li>
        <li class="form-item js-email-form-item">
          <label class="email__label-heading" for="popUpModal-csf4f242cff2744144" style="color: #000000"> Child's Name </label>
          <div class="email__input-wrapper">
            <input id="popUpModal-csf4f242cff2744144" class="input js-email-form-input" type="text" name="consumerChild[ChildList][0][ChildName]" placeholder="Please enter your child's name"
              style=" --placeholder-color:  #000000; color: #000000; background-color: #ffffff; border-color: #000000;">
          </div>
        </li>
        <li class="form-item js-email-form-item">
          <label class="email__label-heading" for="popUpModal-cs68e63671de91caae" style="color: "> Gender </label>
          <div class="email__box-group">
            <div class="radio radio-box email__box-radio" style="border-color: ; background-color: "><input id="popUpModal-cs68e63671de91caae-0-0" class="js-email-form-input" type="radio" name="consumerChild[ChildList][0][ChildGender]" value="M">
              <label for="popUpModal-cs68e63671de91caae-0-0" style="color: ;">
                <svg class="icon icon--radio-on" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="4-Shopper_Update-your-Brand-Preference" transform="translate(-334.000000, -559.000000)">
                      <g id="Group" transform="translate(332.000000, 557.000000)">
                        <g id="Icons/Check-box/on" transform="translate(2.000000, 2.000000)" fill="" fill-opacity="0.2" stroke="">
                          <g id="Group-4">
                            <rect id="Rectangle-Copy-6" x="0.5" y="0.5" width="19" height="19" rx="9.5"></rect>
                          </g>
                        </g>
                        <rect class="radio-on-element" id="Rectangle" fill="#030303" x="6" y="6" width="12" height="12" rx="6"></rect>
                      </g>
                    </g>
                  </g>
                </svg>
                <svg class="icon icon--radio-off" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="4-Shopper_Update-your-Brand-Preference" transform="translate(-334.000000, -559.000000)">
                      <g id="Group" transform="translate(332.000000, 557.000000)">
                        <g id="Icons/Check-box/on" transform="translate(2.000000, 2.000000)" fill="" fill-opacity="0.2" stroke="">
                          <g id="Group-4">
                            <rect id="Rectangle-Copy-6" x="0.5" y="0.5" width="19" height="19" rx="9.5"></rect>
                          </g>
                        </g>
                        <rect class="radio-on-element" id="Rectangle" fill="" x="6" y="6" width="12" height="12" rx="6"></rect>
                      </g>
                    </g>
                  </g>
                </svg> Boy </label>
            </div>
            <div class="radio radio-box email__box-radio" style="border-color: ; background-color: "><input id="popUpModal-cs68e63671de91caae-0-1" class="js-email-form-input" type="radio" name="consumerChild[ChildList][0][ChildGender]" value="F">
              <label for="popUpModal-cs68e63671de91caae-0-1" style="color: ;">
                <svg class="icon icon--radio-on" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="4-Shopper_Update-your-Brand-Preference" transform="translate(-334.000000, -559.000000)">
                      <g id="Group" transform="translate(332.000000, 557.000000)">
                        <g id="Icons/Check-box/on" transform="translate(2.000000, 2.000000)" fill="" fill-opacity="0.2" stroke="">
                          <g id="Group-4">
                            <rect id="Rectangle-Copy-6" x="0.5" y="0.5" width="19" height="19" rx="9.5"></rect>
                          </g>
                        </g>
                        <rect class="radio-on-element" id="Rectangle" fill="#030303" x="6" y="6" width="12" height="12" rx="6"></rect>
                      </g>
                    </g>
                  </g>
                </svg>
                <svg class="icon icon--radio-off" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="4-Shopper_Update-your-Brand-Preference" transform="translate(-334.000000, -559.000000)">
                      <g id="Group" transform="translate(332.000000, 557.000000)">
                        <g id="Icons/Check-box/on" transform="translate(2.000000, 2.000000)" fill="" fill-opacity="0.2" stroke="">
                          <g id="Group-4">
                            <rect id="Rectangle-Copy-6" x="0.5" y="0.5" width="19" height="19" rx="9.5"></rect>
                          </g>
                        </g>
                        <rect class="radio-on-element" id="Rectangle" fill="" x="6" y="6" width="12" height="12" rx="6"></rect>
                      </g>
                    </g>
                  </g>
                </svg> Girl </label>
            </div>
            <div class="radio radio-box email__box-radio" style="border-color: ; background-color: "><input id="popUpModal-cs68e63671de91caae-0-2" class="js-email-form-input" type="radio" name="consumerChild[ChildList][0][ChildGender]" value="U">
              <label for="popUpModal-cs68e63671de91caae-0-2" style="color: ;">
                <svg class="icon icon--radio-on" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="4-Shopper_Update-your-Brand-Preference" transform="translate(-334.000000, -559.000000)">
                      <g id="Group" transform="translate(332.000000, 557.000000)">
                        <g id="Icons/Check-box/on" transform="translate(2.000000, 2.000000)" fill="" fill-opacity="0.2" stroke="">
                          <g id="Group-4">
                            <rect id="Rectangle-Copy-6" x="0.5" y="0.5" width="19" height="19" rx="9.5"></rect>
                          </g>
                        </g>
                        <rect class="radio-on-element" id="Rectangle" fill="#030303" x="6" y="6" width="12" height="12" rx="6"></rect>
                      </g>
                    </g>
                  </g>
                </svg>
                <svg class="icon icon--radio-off" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                  <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="4-Shopper_Update-your-Brand-Preference" transform="translate(-334.000000, -559.000000)">
                      <g id="Group" transform="translate(332.000000, 557.000000)">
                        <g id="Icons/Check-box/on" transform="translate(2.000000, 2.000000)" fill="" fill-opacity="0.2" stroke="">
                          <g id="Group-4">
                            <rect id="Rectangle-Copy-6" x="0.5" y="0.5" width="19" height="19" rx="9.5"></rect>
                          </g>
                        </g>
                        <rect class="radio-on-element" id="Rectangle" fill="" x="6" y="6" width="12" height="12" rx="6"></rect>
                      </g>
                    </g>
                  </g>
                </svg> Don't know yet/ Prefer not to answer </label>
            </div>
          </div>
        </li>
      </ul>
      <div id="extend-cs6e11317b8a5a8860-popUpModal" class="js-email-extendable-wrapper">
      </div><button type="button" id="extend-btn-cs6e11317b8a5a8860-popUpModal" class="email__extend-btn btn-icon js-email-field-extend" data-index="1" data-template-id="cs6e11317b8a5a8860" data-location-id="popUpModal" style="color: #000000">
        <svg class="icon icon--add" width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
          <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g id="2-1-US-Shopper_Email-Sign-Up-Page_Desktop" transform="translate(-330.000000, -1187.000000)">
              <rect fill="" x="0" y="0" width="1440" height="2605"></rect>
              <g id="Group-10" transform="translate(0.000000, 429.000000)">
                <g id="Group" transform="translate(330.000000, 758.000000)">
                  <circle id="Oval" stroke="#e01a1a" style="opacity: 0.2" stroke-width="1.5" cx="12" cy="12" r="11.25"></circle>
                  <g id="Group-Copy" transform="translate(5.000000, 5.000000)" stroke="#e01a1a" stroke-linejoin="round" stroke-width="2.25">
                    <line x1="1.94289029e-16" y1="7" x2="14" y2="7" id="Stroke-3"></line>
                    <line x1="7" y1="0" x2="7" y2="14" id="Stroke-5"></line>
                  </g>
                </g>
              </g>
            </g>
          </g>
        </svg> Have another child? Tell us </button>
      <script type="text/template" id="template-cs6e11317b8a5a8860-popUpModal"> <ul
              class="form-list"
              data-position="index"
            ><li class="form-item js-email-form-item">
<label
      class="email__label-heading"
      for="popUpModal-cs999e3de2c31f5e7f"
      style="color: "
    >
      Child’s Birth Date or Due Date 
    </label><div
    class="email__copy email__copy--label"
    style="color: "
  >
    We'd like our offers, product news and parenting tips to be just right for you and your child.
  </div><div class="date-input-container">
        <input
          id="popUpModal-cs999e3de2c31f5e7f"
          class="input js-date-input js-email-form-input changed"
          type="date"
          name="consumerChild[ChildList][index][ChildDOB]"
          
          style=" --placeholder-color:  ; color: ; background-color: ; border-color: ;"
          onfocus="this.showPicker()"
        />

        <span
          class="date-input-container__placeholder js-date-input-placeholder screenreader"
          style="color: "
        >
          MM/DD/YYYY
        </span>
    <svg class="icon icon--calendar date-input-container__icon" width="22px" height="20px" viewBox="0 0 22 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <defs>
        <polygon id="path-jnoad51rao-1" points="0.75 1.5 23.279 1.5 23.279 21.499 0.75 21.499"></polygon>
      </defs>
      <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Modules/Form/Light-Mode/Standard-Icon-No-Label" transform="translate(-439.000000, -13.000000)">
          <g id="Group" transform="translate(438.000000, 12.000000)">
            <mask id="mask-jnoad51rao-2" fill="white">
              <use xlink:href="#path-jnoad51rao-1"></use>
            </mask>
            <g id="Clip-2"></g>
            <path d="M18.4454,6.833 C17.8924,6.833 17.4454,6.385 17.4454,5.833 L17.4454,2.5 C17.4454,1.948 17.8924,1.5 18.4454,1.5 C18.9984,1.5 19.4454,1.948 19.4454,2.5 L19.4454,5.833 C19.4454,6.385 18.9984,6.833 18.4454,6.833" id="Fill-3" fill="#030303" mask="url(#mask-jnoad51rao-2)"></path>
            <path d="M5.6954,6.833 C5.1424,6.833 4.6954,6.385 4.6954,5.833 L4.6954,2.5 C4.6954,1.948 5.1424,1.5 5.6954,1.5 C6.2484,1.5 6.6954,1.948 6.6954,2.5 L6.6954,5.833 C6.6954,6.385 6.2484,6.833 5.6954,6.833" id="Fill-4" fill="#030303" mask="url(#mask-jnoad51rao-2)"></path>
            <path d="M22.2227,10.1 L1.8907,10.1 C1.6137,10.1 1.3907,9.7192 1.3907,9.25 C1.3907,8.7808 1.6137,8.4 1.8907,8.4 L22.2227,8.4 C22.4997,8.4 22.7227,8.7808 22.7227,9.25 C22.7227,9.7192 22.4997,10.1 22.2227,10.1" id="Fill-5" fill="#030303" mask="url(#mask-jnoad51rao-2)"></path>
            <g mask="url(#mask-jnoad51rao-2)" fill="#030303">
              <g transform="translate(4.320000, 12.100000)">
                <polygon id="Fill-6" points="0 1.939 1.939 1.939 1.939 0 0 0"></polygon>
                <polygon id="Fill-7" points="3.357 1.939 5.296 1.939 5.296 0 3.357 0"></polygon>
                <polygon id="Fill-8" points="6.715 1.939 8.656 1.939 8.656 0 6.715 0"></polygon>
                <polygon id="Fill-9" points="10.072 1.939 12.013 1.939 12.013 0 10.072 0"></polygon>
                <polygon id="Fill-10" points="13.431 1.939 15.369 1.939 15.369 0 13.431 0"></polygon>
                <polygon id="Fill-11" points="0 5.055 1.939 5.055 1.939 3.116 0 3.116"></polygon>
                <polygon id="Fill-12" points="3.357 5.055 5.296 5.055 5.296 3.116 3.357 3.116"></polygon>
                <polygon id="Fill-13" points="6.715 5.055 8.656 5.055 8.656 3.116 6.715 3.116"></polygon>
                <polygon id="Fill-14" points="10.072 5.055 12.013 5.055 12.013 3.116 10.072 3.116"></polygon>
                <polygon id="Fill-15" points="13.431 5.055 15.369 5.055 15.369 3.116 13.431 3.116"></polygon>
              </g>
            </g>
            <rect id="Rectangle" stroke="#030303" stroke-width="1.7" stroke-linejoin="round" mask="url(#mask-jnoad51rao-2)" x="2" y="4" width="20" height="16"></rect>
          </g>
        </g>
      </g>
    </svg>
  
</div><p class="email__error-message hide js-field-error">
          <i class="icon icon--error"></i>
          Please enter child's birthdate or due date
        </p></li><li class="form-item js-email-form-item">
<label
      class="email__label-heading"
      for="popUpModal-csf4f242cff2744144"
      style="color: #000000"
    >
      Child's Name 
    </label><div class="email__input-wrapper">
        <input
          id="popUpModal-csf4f242cff2744144"
          class="input js-email-form-input"
          type="text"
          name="consumerChild[ChildList][index][ChildName]"
          placeholder="Please enter your child's name"
          
          style=" --placeholder-color:  #000000; color: #000000; background-color: #ffffff; border-color: #000000;"
        />
      </div></li><li class="form-item js-email-form-item">
<label
      class="email__label-heading"
      for="popUpModal-cs68e63671de91caae"
      style="color: "
    >
      Gender 
    </label><div class="email__box-group"><div
            class="radio radio-box email__box-radio"
            style="border-color: ; background-color: "
          ><input
              id="popUpModal-cs68e63671de91caae-index-0"
              class="js-email-form-input"
              type="radio"
              name="consumerChild[ChildList][index][ChildGender]"
              value="M"
              
            />
            <label
              for="popUpModal-cs68e63671de91caae-index-0"
              style="color: ;"
            >
    <svg class="icon icon--radio-on" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="4-Shopper_Update-your-Brand-Preference" transform="translate(-334.000000, -559.000000)">
          <g id="Group" transform="translate(332.000000, 557.000000)">
            <g id="Icons/Check-box/on" transform="translate(2.000000, 2.000000)" fill="" fill-opacity="0.2" stroke="">
              <g id="Group-4">
                <rect id="Rectangle-Copy-6" x="0.5" y="0.5" width="19" height="19" rx="9.5"></rect>
              </g>
            </g>
            <rect class="radio-on-element" id="Rectangle" fill="#030303" x="6" y="6" width="12" height="12" rx="6"></rect>
          </g>
        </g>
      </g>
    </svg>
  

    <svg class="icon icon--radio-off" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="4-Shopper_Update-your-Brand-Preference" transform="translate(-334.000000, -559.000000)">
          <g id="Group" transform="translate(332.000000, 557.000000)">
            <g id="Icons/Check-box/on" transform="translate(2.000000, 2.000000)" fill="" fill-opacity="0.2" stroke="">
              <g id="Group-4">
                <rect id="Rectangle-Copy-6" x="0.5" y="0.5" width="19" height="19" rx="9.5"></rect>
              </g>
            </g>
            <rect class="radio-on-element" id="Rectangle" fill="" x="6" y="6" width="12" height="12" rx="6"></rect>
          </g>
        </g>
      </g>
    </svg>
  
Boy
            </label>
          </div><div
            class="radio radio-box email__box-radio"
            style="border-color: ; background-color: "
          ><input
              id="popUpModal-cs68e63671de91caae-index-1"
              class="js-email-form-input"
              type="radio"
              name="consumerChild[ChildList][index][ChildGender]"
              value="F"
              
            />
            <label
              for="popUpModal-cs68e63671de91caae-index-1"
              style="color: ;"
            >
    <svg class="icon icon--radio-on" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="4-Shopper_Update-your-Brand-Preference" transform="translate(-334.000000, -559.000000)">
          <g id="Group" transform="translate(332.000000, 557.000000)">
            <g id="Icons/Check-box/on" transform="translate(2.000000, 2.000000)" fill="" fill-opacity="0.2" stroke="">
              <g id="Group-4">
                <rect id="Rectangle-Copy-6" x="0.5" y="0.5" width="19" height="19" rx="9.5"></rect>
              </g>
            </g>
            <rect class="radio-on-element" id="Rectangle" fill="#030303" x="6" y="6" width="12" height="12" rx="6"></rect>
          </g>
        </g>
      </g>
    </svg>
  

    <svg class="icon icon--radio-off" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="4-Shopper_Update-your-Brand-Preference" transform="translate(-334.000000, -559.000000)">
          <g id="Group" transform="translate(332.000000, 557.000000)">
            <g id="Icons/Check-box/on" transform="translate(2.000000, 2.000000)" fill="" fill-opacity="0.2" stroke="">
              <g id="Group-4">
                <rect id="Rectangle-Copy-6" x="0.5" y="0.5" width="19" height="19" rx="9.5"></rect>
              </g>
            </g>
            <rect class="radio-on-element" id="Rectangle" fill="" x="6" y="6" width="12" height="12" rx="6"></rect>
          </g>
        </g>
      </g>
    </svg>
  
Girl
            </label>
          </div><div
            class="radio radio-box email__box-radio"
            style="border-color: ; background-color: "
          ><input
              id="popUpModal-cs68e63671de91caae-index-2"
              class="js-email-form-input"
              type="radio"
              name="consumerChild[ChildList][index][ChildGender]"
              value="U"
              
            />
            <label
              for="popUpModal-cs68e63671de91caae-index-2"
              style="color: ;"
            >
    <svg class="icon icon--radio-on" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="4-Shopper_Update-your-Brand-Preference" transform="translate(-334.000000, -559.000000)">
          <g id="Group" transform="translate(332.000000, 557.000000)">
            <g id="Icons/Check-box/on" transform="translate(2.000000, 2.000000)" fill="" fill-opacity="0.2" stroke="">
              <g id="Group-4">
                <rect id="Rectangle-Copy-6" x="0.5" y="0.5" width="19" height="19" rx="9.5"></rect>
              </g>
            </g>
            <rect class="radio-on-element" id="Rectangle" fill="#030303" x="6" y="6" width="12" height="12" rx="6"></rect>
          </g>
        </g>
      </g>
    </svg>
  

    <svg class="icon icon--radio-off" width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="4-Shopper_Update-your-Brand-Preference" transform="translate(-334.000000, -559.000000)">
          <g id="Group" transform="translate(332.000000, 557.000000)">
            <g id="Icons/Check-box/on" transform="translate(2.000000, 2.000000)" fill="" fill-opacity="0.2" stroke="">
              <g id="Group-4">
                <rect id="Rectangle-Copy-6" x="0.5" y="0.5" width="19" height="19" rx="9.5"></rect>
              </g>
            </g>
            <rect class="radio-on-element" id="Rectangle" fill="" x="6" y="6" width="12" height="12" rx="6"></rect>
          </g>
        </g>
      </g>
    </svg>
  
Don't know yet/ Prefer not to answer
            </label>
          </div></div></li></ul>
              <button
                type="button"
                class="email__extend-btn email__extend-btn--remove btn-icon js-email-field-extend-clear"
                data-position="index"
                data-template-id="cs6e11317b8a5a8860"
                data-location-id="popUpModal"
                style="color: #000000"
              >
                Nevermind. Remove this child
              </button>
            </script>
    </li>
    <li class="form-item js-email-form-item ">
      <div class="email__divider"></div>
    </li>
    <li class="form-item js-email-form-item ">
      <div class="email__submit-container">
        <div class="email__submit-message" style="color: #000000">
          <p>By submitting my email, I confirm I want to receive emails from Mattel and other trusted Mattel brands and programs. Click to read
            <a href="https://corporate.mattel.com/en-us/terms-and-conditions" target="_blank">Mattel’s Terms &amp; Conditions</a> and <a href="https://www2.mattel.com/en-us/privacy-statement" target="_blank">Privacy Statement</a>.</p>
        </div>
        <p class="email__error-message hide js-field-error">
          <i class="icon icon--error"></i> You must agree to the terms
        </p>
        <div class="email__submit-ctas">
          <button type="submit" class="btn btn--primary js-email-sign-up-submit" style="color: #faf9f9; background-color: #000000"> Sign Up </button><button type="button" class="btn-link js-email-sign-up-clear" style="color: #000000;"> Cancel
          </button>
        </div>
      </div>
    </li>
    <li class="form-item js-email-form-item "></li>
  </ul>
</form>

Text Content

Enable accessibility

Hey, it looks like you're in Australia

Shop Australian Site




United States


 * Corporate
 * Recalls
 * For Parents
 * For Collectors
 * Sign in
   
   Hello,
   Sign in for a more personalized experience
   
   Sign in
   
   Don't have an account yet?
   
   Create account
   

Navigation
Close Search Clear
Search
 * Shop
   Shop All
   Vehicles & Playsets
    * Shop All
    * Cars & Trucks
    * Trains
    * Monster Trucks
    * Track Sets & Playsets
   
   Dolls & Dollhouses
    * Shop All
    * Disney Princess Dolls
    * Fashion Dolls
    * Career Dolls
    * Dollhouses
    * Playsets
   
   Action Figures & Playsets
    * Shop All
    * Figures
    * Dinosaur Toys
    * Playsets
    * Role Play
   
   Baby Gear
    * Shop All
    * Travel & On the Go
    * Bathtubs
    * Floor Seats
    * Soothers & Mobiles
   
   Baby Toys
    * Shop All
    * Educational Toys
    * Entertainers & Jumperoos
    * Gyms & Playmats
    * Walkers & Push Toys
    * Rattles & Teethers
   
   Toddler & Preschool Toys
    * Shop All
    * Ride On Toys
    * Playsets & Figures
    * Trains & Train Sets
    * Building Blocks
    * Educational Toys
   
   Building Blocks & Sets
    * Shop All
    * Building Blocks
    * Building Sets
   
   Games
    * Shop All
    * Card Games
    * Board Games
    * Motion Games
   
   Plush Toys
    * Shop All
   
   Featured
    * New Arrivals
    * Best Sellers
    * Wooden Toys
   
   Shop By Age
    * Birth to 6 Months
    * 6-12 Months
    * 12-24 Months
    * 2-4 Years
    * 5+ Years
   
   Shop By Price
    * Gifts Under $25
    * Gifts Under $50
    * Gifts Under $100
    * Gifts Under $200
    * Gifts $200+

 * Brands
    * 
    * 
    * 
    * 
    * 
    * 
    * 
    * 
    * 
    * 
    * 
    * 
    * 
    * 
    * 
    * 
    * 
    * 

 * New
 * Sign in or Create account
 * 0
 * * Corporate
   * Recalls
   * For Parents
   * For Collectors
   * 
     United States
   * Sign in
     
     Hello,
     Sign in for a more personalized experience
     
     Sign in
     
     Don't have an account yet?
     
     Create account
     


Popular Search
Products
No Results

 * Fashion Dolls
 * Career Dolls
 * Dollhouses

Shop by Top Categories



SHOP ALL


NEW


DOLLS


MINI DOLLS


PRESCHOOL DOLLS


SIGNATURE


DOLLHOUSES


PLAYSETS


CLOTHES & CLOSETS


CARS & VEHICLES


FURNITURE


CONSTRUCTION

 1. 
 2. 
 3. 
 4. 


SHOP ALL


NEW


DOLLS


MINI DOLLS


PRESCHOOL DOLLS


SIGNATURE


DOLLHOUSES


PLAYSETS


CLOTHES & CLOSETS


CARS & VEHICLES


FURNITURE


CONSTRUCTION

 1. 


MINI WAYS TO PLAY

This all-new collection brings the iconic world of Barbie to miniature scale!
Shop adorable dolls, vehicles, houses, and more.

Shop Now

BARBIE SPORTS DOLLS

Inspire kids to explore endless career opportunities, including pro athlete.

Shop Now

FANTASTICAL FUN

Spark magical adventures with toys inspired by the Netflix series.

Shop Now

WORLD OF SUPRISES

Delight kids with Color Reveal, Cutie Reveal, and Barbie POP Reveal dolls.

Shop Now

BARBIE SPORTS DOLLS

Inspire kids to explore endless career opportunities, including pro athlete.

Shop Now

FANTASTICAL FUN

Spark magical adventures with toys inspired by the Netflix series.

Shop Now

WORLD OF SUPRISES

Delight kids with Color Reveal, Cutie Reveal, and Barbie POP Reveal dolls.

Shop Now
 1. 
 2. 
 3. 





BARBIE CELEBRATES PRIDE!

Together, we can create a world where people feel empowered to be themselves.

Shop by Top Themes



MINI BARBIELAND


FASHION DOLLS


CAREERS


EXTRA


REVEAL


SPORTS


MADE TO MOVE™


HAIR PLAY


FANTASY


SELF-CARE


IT TAKES TWO


ANIMAL FRIENDS


BARBIE THE MOVIE

 1. 
 2. 
 3. 
 4. 
 5. 


MINI BARBIELAND


FASHION DOLLS


CAREERS


EXTRA


REVEAL


SPORTS


MADE TO MOVE™


HAIR PLAY


FANTASY


SELF-CARE


IT TAKES TWO


ANIMAL FRIENDS


BARBIE THE MOVIE

 1. 


CELEBRATING AN ICON

Barbie has been empowering fans for 65 years. See new dolls that honor her
legacy and impact on future generations.

Shop Now
Barbie New Arrivals
Shop All


BARBIE CLOTHES, DELUXE BAG WITH SCHOOL OUTFIT AND THEMED ACCESSORIES

$10.99




UNICORN-INSPIRED CHELSEA BARBIE DOLL WITH LAVENDER HAIR, UNICORN TOYS

$7.99




BARBIE MADE TO MOVE BOXER DOLL & ACCESSORIES, BRUNETTE DOLL WEARING UNIFORM WITH
BOXING GLOVES

$15.99




BARBIE @BARBIESTYLE FASHIONS

$25.00




BARBIE @BARBIESTYLE FASHIONS

$25.00




BARBIE @BARBIESTYLE FASHIONS

$25.00




BARBIE INSPIRING WOMEN KRISTI YAMAGUCHI COLLECTIBLE DOLL IN 1992 WINTER OLYMPICS
FASHION

$35.00




BARBIE A TOUCH OF MAGIC CHELSEA DOLL PLAYSET WITH BABY PEGASUS, WINGED HORSE
TOYS

$34.99




BARBIE A TOUCH OF MAGIC DOLL, TERESA WITH FANTASY OUTFIT, PET & ACCESSORIES

$16.99




BARBIE FUN & FANCY HAIR DOLL WITH EXTRA-LONG COLORFUL BLONDE HAIR AND STYLING
ACCESSORIES

$22.99




DREAM EVEN BIGGER

Shop Now


BARBIE FASHIONISTAS

Shop Now


BARBIE FANTASY DOLLS

Shop Now


BARBIE LOOKS DOLLS

Shop Now

FEATURED CONTENT

THE FUTURE OF PINK IS GREEN

BENEFITS OF DOLL PLAY

BARBIE DIVERSITY

BARBIE DREAM GAP PROJECT

THE FUTURE OF PINK IS GREEN

BENEFITS OF DOLL PLAY

BARBIE DIVERSITY

BARBIE DREAM GAP PROJECT

 1. 
 2. 
 3. 
 4. 

About Barbie
Sign up to get the latest from Mattel!
Enter your email
Sign Up

Invalid email address

By submitting my email, I confirm I want to receive emails from Mattel and other
trusted Mattel brands and programs. Click to read Mattel's Terms & Conditions
and Privacy Statement.

You must agree to the terms

By submitting my email, I confirm I want to receive emails from Mattel and other
trusted Mattel brands and programs. Click to read Mattel's Terms & Conditions
and Privacy Statement.

Shop & Learn
 * Shop American Girl
 * Shop Mattel Creations
 * Shop Barbie
 * Shop Hot Wheels
 * Shop Fisher-Price
 * Mattel Playroom

Contact
 * Customer Service
 * General Inquiries
 * Corporate Communications

Helpful Links
 * Submit Product Ideas
 * Replacement Parts
 * Product Registration
 * Recall & Safety
 * MEGA Building Instructions

About Us
 * Mattel Corporate
 * Careers
 * Investor Relations

Legal
 * Terms & Conditions
 * Privacy Statement
 * Cookies & Technology
 * Terms of Sale
 * Accessibility Statement
 * Cookie-Präferenzen
 * 

©2024 Mattel


Close
Added to Cart

Order Summary

Subtotal $0

Estimated Total $0

Shipping & taxes calculated at checkout

Proceed to Check Out

Promo codes and gift cards are applied during checkout.


Your cart is empty.

Missing products? Sign in to see your cart from a previous visit.

Sign in

Cart Subtotal

View Cart & Checkout

Close


Close
Heads up!
You are leaving the Mattel site to go to another site with different terms and
conditions.
Keep Going Go Back

Close
Choose Your Country or Region



Americas
 * 
   United States (English)
 * 
   Canada (English)
 * 
   Canada (Français)
 * 
   México (Español)
 * 
   Brasil (Português)

Europe
 * 
   France (Français)
 * 
   Ελλάδα (Ελληνική)
 * 
   Italia (Italiano)
 * 
   España (Español)
 * 
   Deutschland (Deutsch)
 * 
   Great Britain (English)
 * 
   Nederlands (Dutch)
 * 
   Polska (Polski)
 * 
   Türkiye (Türkçe)

Oceania
 * 
   Australia

You are about to change your location



Continue Cancel
We currently do not ship to this country.

But you can still view a catalog of products and be directed to purchase at
retail.

Continue Cancel

Close
Thanks for signing up!
Close

Close
 * Continue email sign up
   
   Stay in the know on sales updates, new products and more.

 * *Required

 * Your Details
   Enter your email address *
   
   
   Invalid email address

 * Enter your first name *
   
   
   Please enter your First Name

 * Enter your last name *
   
 * 
 * We'd like our offers, product news and parenting tips to be just right for
   you and your child.
   
   By providing my child’s information, I certify that I am the parent or legal
   guardian of the child or that I have legal authority to submit the child’s
   information.

 * * Child’s Birth Date or Due Date
     We'd like our offers, product news and parenting tips to be just right for
     you and your child.
     MM/DD/YYYY
     
     Please enter child's birthdate or due date
   
   * Child's Name
     
   * Gender
     Boy
     Girl
     Don't know yet/ Prefer not to answer
   
   Have another child? Tell us
 * 

 * By submitting my email, I confirm I want to receive emails from Mattel and
   other trusted Mattel brands and programs. Click to read Mattel’s Terms &
   Conditions and Privacy Statement.
   
   You must agree to the terms
   
   Sign Up Cancel
 * 

Thanks for signing up!
We can't wait to keep you informed on all your favorite toys and games.
Start Shopping

Close



Cancel

Close

1 3








Close

Step 1 of 2


:

: