subscribe.vogue.com
Open in
urlscan Pro
2a02:26f0:480:1e::217:d183
Public Scan
Submitted URL: http://l.eml.condenast.com/rts/go2.aspx?h=376640&tp=i-1NGB-BZ-Moq-4zKlfR-1o-3lDbl2-1c-4zLA3t-l9g8ncpwiF-18HSHG&x=87720%7cVO...
Effective URL: https://subscribe.vogue.com/subscribe/vogue/152802?source=87720_VOG_VOG_0_111523_VOG_RG_W3_E2_ZZ
Submission: On November 15 via manual from US — Scanned from DE
Effective URL: https://subscribe.vogue.com/subscribe/vogue/152802?source=87720_VOG_VOG_0_111523_VOG_RG_W3_E2_ZZ
Submission: On November 15 via manual from US — Scanned from DE
Form analysis 1 forms found in the DOM
POST /subscribe/processSubscription
<form id="submission-form" action="/subscribe/processSubscription" method="post" target="result">
<input type="hidden" name="offer_id" value="152802"> <input type="hidden" name="host_offer_id" value="152802">
<input type="hidden" name="source_code" value="">
<input type="hidden" name="parent_trans_id" value="">
<input type="hidden" name="trans_id" value="">
<input type="hidden" name="trans_key" value="">
<input type="hidden" name="pos_name" value="">
<input type="hidden" name="segment_name" value="">
<input type="hidden" name="ignore_dav" value="1">
<input type="hidden" id="chosen-offer" name="chosen_offer" value="">
<input type="hidden" id="submission-form-source" name="referral_source" value="87720_VOG_VOG_0_111523_VOG_RG_W3_E2_ZZ" data-source="87720_VOG_VOG_0_111523_VOG_RG_W3_E2_ZZ">
<input type="hidden" name="pt_id" value="">
<input type="hidden" name="offer_term" id="selfofferterm" value="192911_0">
<input type="hidden" name="offer_term" id="giftofferterm" value="192912_1">
<input type="hidden" name="ship_cost" id="ship-cost" value="">
<input type="hidden" name="origin_price" id="originprice" value="">
<input type="hidden" name="cross_disp" id="crossdisp" data-ordertype="self" data-location="domestic" data-default="self-domestic gift-domestic" value="">
<div role="banner" id="toplogo">
<div class="nyr-logo-container">
<a class="nyr-logo-a" href="https://www.vogue.com/"><img id="toplogoimg" src="https://subscribe.vogue.com/circulation/vogue/images/VOGUE-LOGO-B1.png" alt="Vogue">
</a>
</div>
<div class="nyr-menu-container">
<ul class="nyr-mobile-menu1-next-gen">
<li><span id="nyr-menu-holder">More Options</span><span> <img class="toplogoimgmb" src="https://subscribe.newyorker.com/circulation/newyorker/images/nyr-down-arrow.png" alt="Down Arrow" width="14px"><img class="toplogoimgdta"
src="https://subscribe.newyorker.com/circulation/newyorker/images/nyr-up-arrow.png" alt="Up arrow" width="14px"></span></li>
</ul>
<ul class="nyr-DT-menu-next-gen">
<span style="display:none;">nav links off</span>
</ul>
</div>
</div>
<div class="nyr-menu-container nyr-mobile-menu-next-gen">
<ul>
<span style="display:none;">nav links off</span>
</ul>
</div>
<div id="page-holder" role="main">
<link type="text/css" href="https://subscribe.vogue.com/circulation/vogue/styles/VOG_R-G_Fonts.css" rel="stylesheet">
<style>
.rg-op-header {
width: 100%;
max-width: 100%;
height: 182px;
margin: 0 auto;
position: relative;
background: #f2f2f2;
}
.rg-header__copycontsides {
max-width: 680px;
margin: auto;
box-sizing: border-box;
overflow: hidden;
}
.rg-header__row {
width: 680px;
}
.rg-header__column {
float: right;
}
.rg-header__column#column-1 {
width: auto;
margin-right: -40px;
}
img.header-image {
width: auto;
max-height: 150px;
box-sizing: border-box;
margin: 14px auto;
}
img.header-premium {
width: auto;
max-height: 105px;
box-sizing: border-box;
position: relative;
left: -65px;
}
.rg-header__column#column-2 {
padding: 0px !important;
text-align: center;
margin: 42px 0;
margin-right: 50px;
width: auto;
}
h1.rg-op-header__heading {
font-family: 'Savoy-Roman';
font-style: normal;
font-weight: normal;
font-size: 32px;
line-height: 1;
align-items: center;
text-align: center;
color: #000000;
margin: 0;
text-align: center !important;
font-variant-ligatures: no-common-ligatures !important;
text-rendering: optimizeLegibility;
margin-bottom: 14px;
}
h2.rg-op-header__sub-heading {
font-family: 'VogueAvantGarde-Book';
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 20px;
align-items: center;
text-align: center;
color: #A60505;
margin: 0;
text-rendering: optimizeLegibility;
font-variant-ligatures: no-common-ligatures !important;
text-transform: uppercase;
}
.rg-header__row:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 850px) {
.rg-header__copycontsides {
max-width: 600px;
margin: auto;
box-sizing: border-box;
overflow: hidden;
}
.rg-header__row {
width: 600px;
}
.rg-header__column#column-1 {
width: auto;
margin-right: -40px;
}
.rg-header__column#column-2 {
padding: 0px !important;
text-align: center;
margin: 49px 0;
margin-right: 50px;
width: auto;
}
h1.rg-op-header__heading {
margin: 0 auto;
width: 341px;
margin-bottom: 14px;
font-size: 25px;
}
h2.rg-op-header__sub-heading {
width: 370px;
margin: 0 auto;
}
}
@media screen and (max-width: 650px) {
.rg-header__copycontsides {
max-width: 390px;
margin: auto;
box-sizing: border-box;
overflow: hidden;
}
.rg-header__row {
width: 390px;
}
.rg-header__column#column-1 {
width: auto;
margin-right: -60px;
overflow: hidden;
}
.rg-header__column#column-2 {
margin: 35px 0;
margin-right: 18px;
width: auto;
}
h1.rg-op-header__heading {
margin: 0 auto;
width: 220px;
margin-bottom: 14px;
font-size: 21px;
}
h2.rg-op-header__sub-heading {
width: 180px;
margin: 0 auto;
font-size: 15px;
line-height: 18px;
}
}
@media screen and (max-width: 400px) {
.rg-header__copycontsides {
max-width: 320px;
margin: auto;
box-sizing: border-box;
overflow: hidden;
}
.rg-header__row {
width: 320px;
}
.rg-header__column#column-1 {
width: auto;
overflow: hidden;
margin-right: -40px;
}
img.header-image {
width: auto;
max-height: 120px;
box-sizing: border-box;
margin: 31px auto;
}
.rg-header__column#column-2 {
margin: 38px 0;
margin-right: 0px;
margin-right: 10px;
width: auto;
}
img.header-premium {
width: auto;
max-height: 75px;
box-sizing: border-box;
position: relative;
left: -50px;
bottom: 20px;
}
h1.rg-op-header__heading {
margin: 0 auto;
margin-bottom: 14px;
width: 190px;
font-size: 18px;
line-height: 1;
}
h2.rg-op-header__sub-heading {
width: 160px;
margin: 0 auto;
font-size: 14px;
line-height: 19px;
}
}
</style>
<div role="banner" style="max-width:100vw;">
<div class="rg-op-header">
<div class="rg-header__copycontsides">
<div class="rg-header__row">
<div class="rg-header__column" id="column-1"> <img class="header-image" src="https://subscribe.condenastdigital.com/circulation/vogue/images/cover_VOG_500.jpg" alt="Vogue Cover"> <img class="header-premium"
src="https://subscribe.vogue.com/circulation/vogue/images/VOG_2023_tote.png" alt="Vogue Premium"> </div>
<div class="rg-header__column" id="column-2">
<h1 class="rg-op-header__heading"> Renew Now & Receive a <br> Complimentary Gift Subscription </h1>
<h2 class="rg-op-header__sub-heading"> Plus, a limited-edition tote for yourself </h2>
</div>
</div>
</div>
</div>
</div>
<div id="pagesection">
<div id="paOfferContainer">
<div class="paOfferInt"><strong>Offer available in the U.S. only.</strong></div>
<div class="paOfferHead">
<h2>RENEW TODAY AND RECEIVE:</h2>
</div>
<ul>
<li>A print + digital rate of 1 year at $20 after your current subscription ends</li>
<li>A complimentary 1-year gift subscription of <i>Vogue</i> to a friend or family member</li>
<li>An exclusive tote bag, compliments of <i>Vogue</i> as a thank-you for your order</li>
</ul>
<div class="paArCopy">After one year, your subscription renews automatically at one year for $49.99.<br> You may cancel at any time.</div>
</div>
</div>
<fieldset id="giftrecipient" class="sectionbox">
<div id="giftaddresstext" class="sectionheadfont">
<h4>Step 1 of 4</h4>
<h2>FREE Gift Recipient Information</h2>
</div>
<div id="nextgen-gift-recipient">
<h2>Enter Recipient Information</h2>
</div>
<div class="flex">
<div class="ng_required ng_label">
<label for="ship-first-name">First name</label><input type="text" class="req" id="ship-first-name" name="ship_first_name" aria-required="true" autocomplete="given-name">
<div class="errorcontainer"><span id="ship-first-name-error" class="output-message">Please enter first name</span></div>
</div>
<div class="ng_required ng_label ng-flex-last">
<label for="ship-last-name">Last name</label><input type="text" class="req" id="ship-last-name" name="ship_last_name" aria-required="true" autocomplete="family-name">
<div class="errorcontainer"><span id="ship-last-name-error" class="output-message">Please enter last name</span></div>
</div>
</div>
<div id="nextgen-gift-shipping">
<div id="shippingaddress" class="sectionbox">
<div id="ng-addressbox" class="addressbox">
<input type="hidden" name="ship_country_code" data-location="domestic" value="US">
<div class="ng_required ng_label">
<label for="ship-address">Street address</label><input type="text" class="req" id="ship-address" name="ship_address" data-shipname="ship_address" data-billname="address" aria-required="true" autocomplete="address-line1">
<div class="errorcontainer"><span id="ship-address-error" class="output-message">Please enter a valid address</span></div>
</div>
<div class="ng_label">
<label for="ship-address2">Apt, floor, unit (optional)</label><input type="text" id="ship-address2" name="ship_address2" data-shipname="ship_address2" data-billname="address2" aria-required="true" autocomplete="address-line2">
</div>
<div class="flex flex-nowrap">
<div class="ng_required ng_label">
<label for="ship-city">City</label><input type="text" class="req" id="ship-city" name="ship_city" data-shipname="ship_city" data-billname="city" aria-required="true" autocomplete="address-level2">
<div class="errorcontainer"> <span id="ship-city-error" class="output-message">Please enter city</span></div>
</div>
<div class="ng_required">
<div class="ng_label ng-flex">
<label for="ship-state-domestic" id="ship-state-domestic-label"><span class="shipstatelabel">State</span></label>
<select type="text" class="req ui search selection dropdown" id="ship-state-domestic" name="ship_state" data-shipname="ship_state" data-billname="state" autocomplete="address-level1">
<option value="">
</option>
<option value="AL">AL</option>
<option value="AK">AK</option>
<option value="AZ">AZ</option>
<option value="AR">AR</option>
<option value="CA">CA</option>
<option value="CO">CO</option>
<option value="CT">CT</option>
<option value="DE">DE</option>
<option value="DC">DC</option>
<option value="FL">FL</option>
<option value="GA">GA</option>
<option value="HI">HI</option>
<option value="ID">ID</option>
<option value="IL">IL</option>
<option value="IN">IN</option>
<option value="IA">IA</option>
<option value="KS">KS</option>
<option value="KY">KY</option>
<option value="LA">LA</option>
<option value="ME">ME</option>
<option value="MD">MD</option>
<option value="MA">MA</option>
<option value="MI">MI</option>
<option value="MN">MN</option>
<option value="MS">MS</option>
<option value="MO">MO</option>
<option value="MT">MT</option>
<option value="NE">NE</option>
<option value="NV">NV</option>
<option value="NH">NH</option>
<option value="NJ">NJ</option>
<option value="NM">NM</option>
<option value="NY">NY</option>
<option value="NC">NC</option>
<option value="ND">ND</option>
<option value="OH">OH</option>
<option value="OK">OK</option>
<option value="OR">OR</option>
<option value="PA">PA</option>
<option value="RI">RI</option>
<option value="SC">SC</option>
<option value="SD">SD</option>
<option value="TN">TN</option>
<option value="TX">TX</option>
<option value="UT">UT</option>
<option value="VT">VT</option>
<option value="VA">VA</option>
<option value="WA">WA</option>
<option value="WV">WV</option>
<option value="WI">WI</option>
<option value="WY">WY</option>
<option value="AA">AA</option>
<option value="AE">AE</option>
<option value="AP">AP</option>
<option value="PR">PR</option>
</select>
</div>
<div class="ng_label">
<select type="text" class="req ui search selection dropdown" id="ship-state-canada" name="ship_state" data-shipname="ship_state" data-billname="state" style="display:none" disabled="" autocomplete="address-level1">
<option value=""></option>
<option value="AB">AB</option>
<option value="BC">BC</option>
<option value="MB">MB</option>
<option value="NB">NB</option>
<option value="NL">NL</option>
<option value="NS">NS</option>
<option value="ON">ON</option>
<option value="PE">PE</option>
<option value="QC">QC</option>
<option value="SK">SK</option>
<option value="NT">NT</option>
<option value="NU">NU</option>
<option value="YT">YT</option>
</select>
</div>
<div class="ng_label">
<input type="text" id="ship-state-international" class="countryform" name="ship_state" data-shipname="ship_state" data-billname="state" style="display:none;" disabled="" autocomplete="address-level1">
</div>
<div class="errorcontainer"><span id="ship-state-error" class="output-message">Please select state</span></div>
</div>
<div class="ng_required ng_label">
<label for="ship-postal-code" id="ship-zip-domestic">Zip</label>
<input type="text" class="req" id="ship-postal-code" name="ship_postal_code" data-shipname="ship_postal_code" data-billname="postal_code" value="" autocomplete="postal-code">
<div class="errorcontainer"> <span id="ship-postal-code-error" class="output-message">Please enter code</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="ng_label ng_required">
<label for="ship-email">Recipient email</label><input type="text" id="ship-email" name="ship_email" class="req" aria-required="true" autocomplete="email">
<div class="errorcontainer"><span id="ship-email-error" class="output-message">Email cannot be empty</span> <span id="ship-email-invaliderror" class="output-message">Please enter a valid email</span></div>
<div id="giftprivacytext">Will be used in accordance with our <a href="https://www.condenast.com/user-agreement" target="_blank">User Agreement</a> and <a href="https://www.condenast.com/privacy-policy" target="_blank">Privacy Policy</a>
</div>
</div>
</fieldset>
<div class="nextgen-payment-container" id="nextgen-step-3">
<div id="paymentdettext" class="sectionheadfont">
<h4>Step 2 of 4</h4>
<h2>Payment Details</h2>
</div>
<div class="nextgen-cancel-text">
<p>You may cancel at any time.</p>
</div>
<div class="nextgen-payment-links" style="display: none;">
<div class="nextgen-payment-buttons nextgen-payment-buttons-selected" data-ngtab="1"><span>Credit card</span></div>
<div class="nextgen-payment-buttons" data-ngtab="2"><img src="https://subscribe.wired.com/circulation/wired/images/Nextgen-Paypal-Pay.png" alt="Paypal pay" width="58px" height="15px"></div>
</div>
<div class="nextgen-payment-tab nextgen-payment-selected" id="nextgen-tab-1">
<!-- Start of Credit Card Info -->
<div id="paymentdetails" class="sectionbox">
<div class="flex">
<div class="ng_required ng_label">
<label for="creditcard"> Credit/Debit Card # </label>
<input type="number" id="creditcard" name="credit_card_number" maxlength="16" pattern="[0-9]*" min="0" max="9999999999999999" oninput="maxLengthCheck(this)" aria-required="true" autocomplete="cc-number">
<div id="cctext"><img src="https://subscribe.newyorker.com/circulation/newyorker/images/NYR_RG_Lock.png" alt="SSL Lock"> This transaction is secured with SSL encryption.</div>
<div class="errorcontainer"> <span id="creditcard-error" class="output-message">Please enter a valid credit card</span> <span id="creditcard-invalid-error" class="output-message">Please enter a valid credit card</span> </div>
</div>
<div class="ng_required ng_label">
<fieldset style="border:none;-webkit-appearance:none;padding:0px;margin:0;">
<legend> </legend>
<label for="month" id="monthlabel">Exp. Month</label>
<select id="month" class="req ui search selection dropdown optionplace1" name="credit_card_exp_month" autocomplete="cc-exp-month">
<option value="" selected=""></option>
<option value="01">Jan</option>
<option value="02">Feb</option>
<option value="03">Mar</option>
<option value="04">Apr</option>
<option value="05">May</option>
<option value="06">Jun</option>
<option value="07">Jul</option>
<option value="08">Aug</option>
<option value="09">Sep</option>
<option value="10">Oct</option>
<option value="11">Nov</option>
<option value="12">Dec</option>
</select>
<div class="errorcontainer"> <span id="month-error" class="output-message">Select month</span> </div>
</fieldset>
</div>
<div class="ng_required ng_label">
<label for="year" id="yearlabel">Exp. Year</label>
<select id="year" name="credit_card_exp_year" aria-required="true" class="req ui search selection dropdown optionplace1" autocomplete="cc-exp-year">
<option value="" selected=""></option>
<option value="23">2023</option>
<option value="24">2024</option>
<option value="25">2025</option>
<option value="26">2026</option>
<option value="27">2027</option>
<option value="28">2028</option>
<option value="29">2029</option>
<option value="30">2030</option>
<option value="31">2031</option>
<option value="32">2032</option>
<option value="33">2033</option>
</select>
<div class="errorcontainer"> <span id="year-error" class="output-message">Select year</span> </div>
</div>
<div class="ng_required ng_label">
<label for="cvv">CVV</label>
<input type="number" id="cvv" class="req" name="credit_card_cvv" pattern="[0-9]*" maxlength="4" min="0" max="9999" oninput="maxLengthCheck(this)" aria-required="true" autocomplete="cc-csc">
<div class="errorcontainer"><span id="cvv-error" class="output-message">Enter valid CVV</span></div>
</div>
</div>
</div>
<!-- End of Credit Card Info -->
</div>
<div class="nextgen-payment-tab" id="nextgen-tab-3">
<div class="nextgen-pp-gift-payment">
<p>Please enter your billing information below before continuing your purchase with PayPal.</p>
</div>
<!--EC Preview-->
<!-- test update 1 -->
<div id="ppcheckoutexpbutton" role="button" tabindex="0"><span id="paypaldecription">Check out with</span><img src="/circulation/architecturaldigest/images/paypal-checkout_ADA_Style.png" alt="paypal" aria-describedby="paypaldecription"></div>
<script async="" src="//www.paypalobjects.com/api/checkout.js"></script>
<script>
function getParameterByName(name, url) {
if (!url) url = window.location.href;
url = url.replace(/&/g, "&");
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
jQuery("#ppcheckoutexpbutton").on("click.ppcheck, keypressppcheck, keydown.ppcheck", function(e) {
var paneleventfilter = false;
console.log(e.handleObj.origType);
if (e.keyCode == '32' || e.handleObj.origType == "click" || e.keyCode == '13') {
paneleventfilter = true;
}
if (paneleventfilter == true) {
var offerTerm = document.getElementsByName('offer_term')[0].value;
var offerTerm1 = document.getElementsByName('offer_term')[1].value;
var offerId = document.getElementsByName('offer_id')[0].value;
var hostOfferId = document.getElementsByName('host_offer_id')[0].value;
var parentTransId = document.getElementsByName('parent_trans_id')[0].value;
var transId = document.getElementsByName('trans_id')[0].value;
var transKey = document.getElementsByName('trans_key')[0].value;
var sourceCode = document.getElementsByName('source_code')[0].value;
var refSource = document.getElementsByName('referral_source')[0].value;
var posName = document.getElementsByName('pos_name')[0].value;
var ignoredav = "1";
var firstName = document.getElementsByName('first_name')[0].value;
var lastName = document.getElementsByName('last_name')[0].value;
var donAdd = document.getElementsByName('address')[0].value;
var donAdd2 = document.getElementsByName('address2')[0].value;
var donCity = document.getElementsByName('city')[0].value;
var donState = document.getElementsByName('state')[0].value;
var donZip = document.getElementsByName('postal_code')[0].value;
var donCountry = document.getElementsByName('country_code')[0].value;
var donEmail = document.getElementsByName('email')[0].value;
var ptId = "9";
var chargeOnShip = "0";
var chosenOffer = jQuery('#chosenOffer').attr("value");
var theOrderObj = {
"offer_term": offerTerm,
"add_offer_term": offerTerm1,
"pos_name": posName,
"offer_id": offerId,
"host_offer_id": hostOfferId,
"parent_trans_id": parentTransId,
"trans_id": transId,
"trans_key": transKey,
"source_code": sourceCode,
"referral_source": refSource,
"pos_name": posName,
"ignore_dav": ignoredav,
"first_name": firstName,
"last_name": lastName,
"address": donAdd,
"address2": donAdd2,
"city": donCity,
"state": donState,
"postal_code": donZip,
"country_code": donCountry,
"email": donEmail,
"pt_id": ptId,
"charge_on_ship": chargeOnShip,
"chosen_offer": chosenOffer
}
var addressError;
if (donCountry === 'US') {
addressError = "We're sorry. Our system does not recognize the address you entered. Please review and try again. If you continue to receive this message, please contact Customer Service for assistance at 1-515-243-3273.";
} else {
addressError = "We're sorry. Our system does not recognize the address you entered. Please review and try again. If you continue to receive this message, please contact Customer Service for assistance at 1-515-243-3273.";
}
paypal.checkout.initXO();
$.support.cors = true;
$.ajax({
type: "POST",
url: "/api/circ/js/Transaction",
data: theOrderObj,
dataType: "json",
error: function(e) {
$("#btn_submit").show();
$("#btn_processing").hide();
alert("Error in ajax post" + e.statusText);
paypal.checkout.closeFlow();
},
success: function(data) {
$("#btn_submit").show();
$("#btn_processing").hide();
var orderStatObj = data;
console.log(orderStatObj);
if (orderStatObj.order_failed[0].url) {
var ppUrl = orderStatObj.order_failed[0].url;
var ppToken = getParameterByName('token', ppUrl);
paypal.checkout.startFlow(ppToken);
} else {
var orderFailedError = "";
if (typeof orderStatObj.order_failed[0] !== 'undefined' && typeof orderStatObj.order_failed[0].error !== 'undefined') {
orderFailedError = orderStatObj.order_failed[0].error;
} else {
orderFailedError = orderStatObj.order_failed[0];
}
alert("Your payment was declined. Please update your PayPal payment details or enter your address and credit card information below");
if (orderFailedError.substr(0, 66) == 'We are sorry. The address you entered does not appear to be valid.') {
alert(addressError);
} else {
alert(orderFailedError);
}
paypal.checkout.closeFlow();
$('#btn_submit').show();
$('#btn_processing').hide();
}
}
});
}
});
window.paypalCheckoutReady = function() {
function getParameterByName(name, url) {
if (!url) url = window.location.href;
url = url.replace(/&/g, "&");
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
paypal.checkout.setup("5BZ399HNM9RUC", {
environment: 'production',
click: function(event) {
var offerTerm = document.getElementsByName('offer_term')[0].value;
var offerTerm1 = document.getElementsByName('offer_term')[1].value;
var offerId = document.getElementsByName('offer_id')[0].value;
var hostOfferId = document.getElementsByName('host_offer_id')[0].value;
var parentTransId = document.getElementsByName('parent_trans_id')[0].value;
var transId = document.getElementsByName('trans_id')[0].value;
var transKey = document.getElementsByName('trans_key')[0].value;
var sourceCode = document.getElementsByName('source_code')[0].value;
var refSource = document.getElementsByName('referral_source')[0].value;
var posName = document.getElementsByName('pos_name')[0].value;
var firstName = document.getElementsByName('first_name')[0].value;
var lastName = document.getElementsByName('last_name')[0].value;
var donAdd = document.getElementsByName('address')[0].value;
var donAdd2 = document.getElementsByName('address2')[0].value;
var donCity = document.getElementsByName('city')[0].value;
var donState = document.getElementsByName('state')[0].value;
var donZip = document.getElementsByName('postal_code')[0].value;
var donCountry = document.getElementsByName('country_code')[0].value;
var donEmail = document.getElementsByName('email')[0].value;
var ptId = document.getElementsByName('pt_id')[0].value;
var chosenOffer = jQuery('#chosenOffer').attr("value");
var theOrderObj = {
"offer_term": [offerTerm, offerTerm1],
"pos_name": posName,
"offer_id": offerId,
"host_offer_id": hostOfferId,
"parent_trans_id": parentTransId,
"trans_id": transId,
"trans_key": transKey,
"source_code": sourceCode,
"referral_source": refSource,
"pos_name": posName,
"first_name": firstName,
"last_name": lastName,
"address": donAdd,
"address2": donAdd2,
"city": donCity,
"state": donState,
"postal_code": donZip,
"country_code": donCountry,
"email": donEmail,
"pt_id": ptId,
"chosen_offer": chosenOffer
};
theOrderObj["ship_first_name"] = document.getElementsByName('ship_first_name')[0].value;
theOrderObj["ship_last_name"] = document.getElementsByName('ship_last_name')[0].value;
theOrderObj["ship_address"] = document.getElementsByName('ship_address')[0].value;
theOrderObj["ship_address2"] = document.getElementsByName('ship_address2')[0].value;
theOrderObj["ship_city"] = document.getElementsByName('ship_city')[0].value;
theOrderObj["ship_state"] = jQuery("[name='ship_state']:enabled").val();
theOrderObj["ship_postal_code"] = document.getElementsByName('ship_postal_code')[0].value;
theOrderObj["ship_country_code"] = document.getElementsByName('ship_country_code')[0].value;
paypal.checkout.initXO();
$.support.cors = true;
$.ajax({
type: "POST",
url: "/api/circ/js/Transaction",
data: theOrderObj,
dataType: "json",
traditional: true,
error: function(e) {
$("#btnSubmit").show();
$("#processing").hide();
alert("Error in ajax post" + e.statusText);
console.log(e)
paypal.checkout.closeFlow();
},
success: function(data) {
$("#btnSubmit").show();
$("#processing").hide();
var orderStatObj = data;
console.log(orderStatObj);
console.log("PA_Test");
if (orderStatObj.order_failed[0].url) {
var ppUrl = orderStatObj.order_failed[0].url;
var ppToken = getParameterByName('token', ppUrl);
paypal.checkout.startFlow(ppToken);
} else {
alert("Your payment was declined. Please update your PayPal payment details or enter your address and credit card information below");
if (typeof orderStatObj.order_failed[0] !== 'undefined' && typeof orderStatObj.order_failed[0].error !== 'undefined') {
alert(orderStatObj.order_failed[0].error);
} else {
alert(orderStatObj.order_failed[0]);
}
paypal.checkout.closeFlow();
$("#btnSubmit").show();
$("#processing").hide();
}
console.log(orderStatObj.order_failed);
}
});
},
condition: function() {
return !!(document.getElementsByName('pt_id')[0].value == '9');
},
button: "ppSubmit"
});
}
</script>
</div>
</div>
<div id="nextgen-step-4">
<div class="sectionheadfont">
<h4>Step 3 of 4</h4>
<h2>Shipping Address</h2>
</div>
</div>
<div id="yourinformation" class="sectionbox">
<div id="yourinformationtext">
<h2>Enter Your Information</h2>
</div>
<div class="flex">
<div class="ng_required ng_label">
<label for="bill-first-name">First name</label><input type="text" class="req" id="bill-first-name" name="first_name" aria-required="true" autocomplete="given-name">
<div class="errorcontainer"><span id="bill-first-name-error" class="output-message">Please enter first name</span></div>
</div>
<div class="ng_required ng_label ng-flex-last">
<label for="bill-last-name">Last name</label><input type="text" class="req" id="bill-last-name" name="last_name" aria-required="true" autocomplete="family-name">
<div class="errorcontainer"><span id="bill-last-name-error" class="output-message">Please enter last name</span></div>
</div>
</div>
<fieldset id="billingaddress">
<div class="addressbox">
<input type="hidden" name="country_code" data-location="domestic" value="US">
<div class="ng_required ng_label">
<label for="bill-address">Street address</label><input type="text" class="req" id="bill-address" name="address" aria-required="true" autocomplete="address-line1">
<div class="errorcontainer"> <span id="bill-address-error" class="output-message">Please enter a valid address</span> </div>
</div>
<div class="ng_label">
<label for="bill-address2">Apt, floor, unit (optional)</label><input type="text" id="bill-address2" name="address2" autocomplete="address-line2">
</div>
<div class="flex nextgen-yourinfo-flex">
<div class="ng_required ng_label">
<label for="bill-city">City</label><input type="text" class="req" id="bill-city" name="city" aria-required="true" autocomplete="address-level2">
<div class="errorcontainer"><span id="bill-city-error" class="output-message">Please enter city</span></div>
</div>
<div class="ng_required">
<div class="ng_label">
<label for="bill-state-domestic" id="bill-state-domestic-label"><span class="billstatelabel">State</span></label>
<select type="text" class="req ui search selection dropdown " id="bill-state-domestic" name="state" data-billname="bill_state" aria-required="true" autocomplete="address-level1">
<option value="">
</option>
<option value="AL">AL</option>
<option value="AK">AK</option>
<option value="AZ">AZ</option>
<option value="AR">AR</option>
<option value="CA">CA</option>
<option value="CO">CO</option>
<option value="CT">CT</option>
<option value="DE">DE</option>
<option value="DC">DC</option>
<option value="FL">FL</option>
<option value="GA">GA</option>
<option value="HI">HI</option>
<option value="ID">ID</option>
<option value="IL">IL</option>
<option value="IN">IN</option>
<option value="IA">IA</option>
<option value="KS">KS</option>
<option value="KY">KY</option>
<option value="LA">LA</option>
<option value="ME">ME</option>
<option value="MD">MD</option>
<option value="MA">MA</option>
<option value="MI">MI</option>
<option value="MN">MN</option>
<option value="MS">MS</option>
<option value="MO">MO</option>
<option value="MT">MT</option>
<option value="NE">NE</option>
<option value="NV">NV</option>
<option value="NH">NH</option>
<option value="NJ">NJ</option>
<option value="NM">NM</option>
<option value="NY">NY</option>
<option value="NC">NC</option>
<option value="ND">ND</option>
<option value="OH">OH</option>
<option value="OK">OK</option>
<option value="OR">OR</option>
<option value="PA">PA</option>
<option value="RI">RI</option>
<option value="SC">SC</option>
<option value="SD">SD</option>
<option value="TN">TN</option>
<option value="TX">TX</option>
<option value="UT">UT</option>
<option value="VT">VT</option>
<option value="VA">VA</option>
<option value="WA">WA</option>
<option value="WV">WV</option>
<option value="WI">WI</option>
<option value="WY">WY</option>
<option value="AA">AA</option>
<option value="AE">AE</option>
<option value="AP">AP</option>
<option value="PR">PR</option>
</select>
</div>
<div class="ng_label">
<select type="text" class="req ui search selection dropdown" id="bill-state-canada" name="state" style="display:none" disabled="" autocomplete="address-level1">
<option value=""></option>
<option value="AB">AB</option>
<option value="BC">BC</option>
<option value="MB">MB</option>
<option value="NB">NB</option>
<option value="NL">NL</option>
<option value="NS">NS</option>
<option value="ON">ON</option>
<option value="PE">PE</option>
<option value="QC">QC</option>
<option value="SK">SK</option>
<option value="NT">NT</option>
<option value="NU">NU</option>
<option value="YT">YT</option>
</select>
</div>
<div class="ng_label">
<input type="text" id="bill-state-international" class="countryform req" name="state" style="display:none;" disabled="" autocomplete="address-level1">
</div>
<div class="errorcontainer"><span id="bill-state-error" class="output-message">Please select state</span></div>
</div>
<div class="ng_required ng_label">
<label for="bill-postal-code" id="bill-zip-domestic">Zip</label>
<input type="text" class="req" id="bill-postal-code" name="postal_code" autocomplete="postal-code">
<div class="errorcontainer"><span id="bill-postal-code-error" class="output-message">Please enter code</span></div>
</div>
</div>
</div>
</fieldset>
<div class="ng_required ng_label">
<label for="bill-email"><span id="nextgen-bill-email">Email</span></label><input type="text" class="req" id="bill-email" name="email" aria-required="true" autocomplete="email">
<div class="errorcontainer"><span id="bill-email-error" class="output-message">Email cannot be empty</span> <span id="bill-email-invaliderror" class="output-message">Please enter a valid email</span> </div>
<div id="privacytext"><strong>Your email will be used to sign in to your account.</strong><br>Consistent with our <a href="http://condenast.com/privacy-policy" target="_blank">privacy policy</a> and applicable law, your email can be used to
send you marketing and account-related emails.</div>
</div>
</div>
<div id="ordersummary" class="sectionbox">
<div id="ordersumtext" class="sectionheadfont">
<h4>Step 4 of 4</h4>
<h2>Review and Submit</h2>
</div>
<div class="paArCopy">After one year, your subscription renews automatically at one year for $49.99.<br> You may cancel at any time.</div>
<div class="ng-order-summary">
<div class="flex-container">
<div class="column" id="itemsummarydesc">Renew 1 Year – Print + Digital Access</div>
<div class="column" id="itemprice">$20.00</div>
</div>
<div class="flex-container">
<div class="column" id="impulseummarydesc">Gift 1 Year – Print + Digital Access<span style="margin-left: 10px;">Gift order will not automatically renew.</span></div>
<div class="column" id="impulseprice">FREE</div>
</div>
<div class="flex-container">
<div class="column" id="osshipping">Shipping + Handling </div>
<div class="column" id="osshippingprice">FREE</div>
</div>
<div class="nextgen-greyborder"></div>
<div class="flex-container">
<div class="column" id="ostotal">Total Billed </div>
<div class="column" id="ostotalprice">$20.00</div>
</div>
<div class="ossalestax">+ sales tax where applicable</div>
</div>
</div>
<div class="space10 ng-amazon-hide ng-mobile-hide"></div>
<!-- New Functionality Start -->
<style>
#aragreement1 {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
width: 15px;
height: 15px;
padding: 0px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
display: none;
}
#aragreement1.errorinput,
#aragreement1.errorInput {
outline: 2px solid #dc161c;
}
</style>
<script>
jQuery(document).ready(function($) {
jQuery("#aragreement1").prop('disabled', true);
jQuery("[name='state']").change(function() {
if (jQuery("#aragreement1").is(':checked')) {
$("#aragreement1").trigger("click");
}
if (jQuery("[name='country_code']").val() == "US") {
if (jQuery("[name='state']").val() == 'VT') {
jQuery("#aragreement1").addClass("req");
jQuery("#aragreement1").show();
jQuery("#aragreement1").prop('disabled', false);
showErrorNew();
} else {
hideErrorNew();
}
}
});
jQuery("[name='country_code']").change(function() {
if (jQuery("#aragreement1").is(':checked')) {
$("#aragreement1").trigger("click");
}
if (jQuery(this).val() == 'AT' || jQuery(this).val() == 'BE' || jQuery(this).val() == 'BG' || jQuery(this).val() == 'HR' || jQuery(this).val() == 'CZ' || jQuery(this).val() == 'DK' || jQuery(this).val() == 'GB' || jQuery(this)
.val() == 'EE' || jQuery(this).val() == 'FI' || jQuery(this).val() == 'FR' || jQuery(this).val() == 'DE' || jQuery(this).val() == 'GR' || jQuery(this).val() == 'HU' || jQuery(this).val() == 'IE' || jQuery(this).val() == 'IT' ||
jQuery(this).val() == 'LV' || jQuery(this).val() == 'LT' || jQuery(this).val() == 'LU' || jQuery(this).val() == 'MT' || jQuery(this).val() == 'NL' || jQuery(this).val() == 'PL' || jQuery(this).val() == 'RO' || jQuery(this)
.val() == 'SK' || jQuery(this).val() == 'SI' || jQuery(this).val() == 'ES' || jQuery(this).val() == 'SE' || jQuery(this).val() == 'CY' || jQuery(this).val() == 'PT' || jQuery(this).val() == '') {
jQuery("#aragreement1").addClass("req");
jQuery("#aragreement1").show();
jQuery("#aragreement1").prop('disabled', false);
showErrorNew();
} else {
hideErrorNew();
}
});
jQuery("#placeorder .button").on("click.validatestate, keypress.validatestate", function(e) {
paCountryTemp1 = jQuery("[name='country_code']").val();
if ((paCountryTemp1 == 'US' && jQuery("[name='state']").val() == 'VT') || paCountryTemp1 == 'AT' || paCountryTemp1 == 'BE' || paCountryTemp1 == 'BG' || paCountryTemp1 == 'HR' || paCountryTemp1 == 'CZ' || paCountryTemp1 == 'DK' ||
paCountryTemp1 == 'GB' || paCountryTemp1 == 'EE' || paCountryTemp1 == 'FI' || paCountryTemp1 == 'FR' || paCountryTemp1 == 'DE' || paCountryTemp1 == 'GR' || paCountryTemp1 == 'HU' || paCountryTemp1 == 'IE' || paCountryTemp1 ==
'IT' || paCountryTemp1 == 'LV' || paCountryTemp1 == 'LT' || paCountryTemp1 == 'LU' || paCountryTemp1 == 'MT' || paCountryTemp1 == 'NL' || paCountryTemp1 == 'PL' || paCountryTemp1 == 'RO' || paCountryTemp1 == 'SK' ||
paCountryTemp1 == 'SI' || paCountryTemp1 == 'ES' || paCountryTemp1 == 'SE' || paCountryTemp1 == 'CY' || paCountryTemp1 == 'PT' || paCountryTemp1 == '') {
if (jQuery("#aragreement1").is(':checked')) {
jQuery(".paNewARCheckbox .errorcontainer").hide(); // checked
jQuery("#aragreement1").removeClass("errorinput");
jQuery("#aragreement1-error").removeClass("error");
jQuery("#aragreement1-error").hide();
jQuery("#aragreement1").removeClass("req");
} else {
jQuery(".paNewARCheckbox .errorcontainer").show(); // unchecked
jQuery("#aragreement1-error").addClass("error");
jQuery("#aragreement1-error").show();
jQuery("#aragreement1").addClass("req");
jQuery("#aragreement1").addClass("errorinput");
}
}
});
jQuery("#aragreement1").on("click.validaterenew, keypress.validaterenew", function(e) {
showErrorNew()
});
function showErrorNew() {
if (jQuery("#aragreement1").is(':checked')) {
jQuery(".paNewARCheckbox .errorcontainer").hide(); // checked
jQuery("#aragreement1").removeClass("errorinput");
jQuery("#aragreement1-error").removeClass("error");
jQuery("#aragreement1-error").hide();
jQuery("#aragreement1").removeClass("req");
} else {
jQuery(".paNewARCheckbox .errorcontainer").show(); // unchecked
jQuery("#aragreement1-error").addClass("error");
jQuery("#aragreement1-error").show();
jQuery("#aragreement1").addClass("req");
jQuery("#aragreement1").addClass("errorinput");
}
}
function hideErrorNew() {
jQuery("#aragreement1, .paNewARCheckbox .errorcontainer").hide();
jQuery("#aragreement1").removeClass("req");
jQuery("#aragreement1").removeClass("errorinput");
jQuery("#aragreement1").prop('disabled', true);
jQuery("#aragreement1-error").removeClass("error");
}
$("#nextgen-domestic, #nextgen-international").on("click keydown keypress", function(e) {
var paneleventfilter = false;
if (e.keyCode == '32' || e.handleObj.origType == "click" || e.keyCode == '13') {
paneleventfilter = true;
}
if (paneleventfilter == true) {
paCountryTemp1 = jQuery("[name='country_code']").val();
if ((paCountryTemp1 == 'US' && jQuery("[name='state']").val() == 'VT') || paCountryTemp1 == 'AT' || paCountryTemp1 == 'BE' || paCountryTemp1 == 'BG' || paCountryTemp1 == 'HR' || paCountryTemp1 == 'CZ' || paCountryTemp1 == 'DK' ||
paCountryTemp1 == 'GB' || paCountryTemp1 == 'EE' || paCountryTemp1 == 'FI' || paCountryTemp1 == 'FR' || paCountryTemp1 == 'DE' || paCountryTemp1 == 'GR' || paCountryTemp1 == 'HU' || paCountryTemp1 == 'IE' || paCountryTemp1 ==
'IT' || paCountryTemp1 == 'LV' || paCountryTemp1 == 'LT' || paCountryTemp1 == 'LU' || paCountryTemp1 == 'MT' || paCountryTemp1 == 'NL' || paCountryTemp1 == 'PL' || paCountryTemp1 == 'RO' || paCountryTemp1 == 'SK' ||
paCountryTemp1 == 'SI' || paCountryTemp1 == 'ES' || paCountryTemp1 == 'SE' || paCountryTemp1 == 'CY' || paCountryTemp1 == 'PT') {
showErrorNew()
} else {
hideErrorNew();
jQuery("#ship-country-selector").trigger("change");
}
}
});
});
</script>
<div id="autorenewal" class="sectionbox gift-off">
<!-- New Functionality End -->
<div class="paArWrap">
<div id="autoheader"> Automatic renewal and cancellation: </div>
<div id="autotext">
<p id="arcompliancecopy"> After your initial <span class="paTermNew">one year </span> term, your subscription will <strong>automatically renew</strong> at one year for <span class="paPriceNew">$49.99</span> (or the then current rate) plus
applicable sales tax. Your subscription will continue until you cancel. As the rate may change, we will send a notice before each renewal stating the term and then current rate. If you do nothing, we will charge the payment method you
selected. You can cancel at any time to get a refund for the portion remaining on your subscription by <a href="https://www.vogue.com/customerservice" target="_blank">signing into your account</a> or calling 1-800-234-2347.</p>
</div>
</div>
<br>
<div class="paNewARCheckbox">
<p class="arUaLink"><input type="checkbox" name="ar-agreement" id="aragreement1" aria-required="true" value="" disabled=""> By subscribing, you agree to our <a href="https://www.condenast.com/user-agreement" target="_blank">user agreement</a>
(including <a href="https://www.condenast.com/user-agreement#section-viii-g" target="_blank">class action waivers and arbitration provisions</a>), our
<a href="https://www.condenast.com/privacy-policy" target="_blank">privacy policy and cookie statement</a>, and the automatic renewal/cancellation terms above (including EU/UK waiver of rights to withdrawal). </p>
<div class="errorcontainer" style="display:none;"> <span id="aragreement1-error" class="output-message">Please confirm the Subscriber Auto Renewal Feature above.</span></div>
<p></p>
</div>
</div>
<style>
#privacytext {
text-align: left;
}
</style>
<!---AR link US Only--->
<script>
$(document).ready(function() {
if ($("[name='country_code']").val() == 'US') {
$(".arlink_us_only").show();
$(".arlink_int_only").hide();
} else {
$(".arlink_us_only").hide();
$(".arlink_int_only").show();
}
$("#ship-country-selector").change(function() {
if ($("#ship-country-selector").val() == "US") {
$(".arlink_us_only").show();
$(".arlink_int_only").hide();
} else {
$(".arlink_us_only").hide();
$(".arlink_int_only").show();
}
});
});
</script>
<!-- test update 1 -->
<p class="ng-paypal-as-payment">By subscribing you agree to our <a href="https://www.condenast.com/user-agreement" target="_blank">User Agreement</a> and
<a href="https://www.condenast.com/privacy-policy" target="_blank">Privacy Policy & Cookie Statement</a>.</p>
<div id="orderobject-response">
</div>
<div id="ppSubmit" data-paypal-click-listener=""></div>
<div id="placeorder" class="sectionbox">
<div class="button" role="button" tabindex="0"> Renew My Subscription </div>
<div id="ssl">
<p><img id="sslimage" src="https://subscribe.newyorker.com/circulation/newyorker/images/NYR_RG_Lock.png" alt="Padlock"> This transaction is secured with SSL encryption</p>
</div>
</div>
<img id="btn_processing" style="display:none;" src="/circulation/shared/images/omn_processing.gif" alt="One moment please.">
<div class="space10"></div>
</div>
<!-- footer update 08/15/22 inside-->
<style type="text/css">
.new_footer_br {
display: none !important;
}
#footintcurrency,
.footintcurrency {
display: none !important;
}
#footterm,
#footservweb {
font-weight: 500 !important;
}
#footprivacy,
#footcopyright {
text-align: center !important;
}
#footservweb,
#footterm,
#footmailtime,
#secondfootterm,
#footpostintro,
#footpost,
#footintcurrency,
#footcovidcopy {
text-align: left !important;
}
</style>
<style type="text/css">
</style>
<div id="footer" style="width: 100%; margin-left: auto; margin-right: auto;">
<!-- testing TVL footer 3 -->
<p id="footservweb"> Customer Service can be reached at <a href="https://www.vogue.com/customerservice" target="_blank"><u>vogue.com/customerservice</u></a>, <span class="paFooterPhoneNum" style="white-space: nowrap;">1-800-234-2347</span>, or by
<a href="mailto:contact@vogue.com"><u>email</u></a>. </p>
<p id="secondfootterm"><strong>The current annual rates are: </strong>In the U.S., a bundle subscription is $49.99. In Canada, a bundle subscription is $60. In all other destinations, a bundle subscription is $70. In the U.S., a
<a href="https://www.vogue.com/" target="_blank" style="color:#ffffff;">Vogue.com</a> digital access subscription is $24.99. In all destinations, a subscription to the digital edition of the magazine is $19.99.</p>
<p id="footterm"><em>Vogue</em> publishes ten issues per year.</p>
<p id="footmailtime">First issue mails within 6 weeks. Plus sales tax where applicable.</p>
<p id="footpostintro">This offer is available to customers who have not been subscribed to <span style="font-style: italic;">Vogue</span> within the last 18 months. All orders subject to approval. Where applicable, limit one free gift per
address. Due to global shipping delays and supply chain shortages, the delivery timing of your free gift is uncertain. We apologize for any inconvenience this may cause. Your order will be recorded and the free gift will ship when inventory is
available. Import fees, declaration fees, import duties and/or taxes may be imposed on free gifts shipped outside the U.S. All such fees are the customer's sole responsibility. By ordering, you agree not to resell any subscriptions purchased
from this site.</p>
<p id="footpost" data="test08">Subscribers: If the Post Office alerts us that your magazine is undeliverable, we have no further obligation unless we receive a corrected address within one year.</p>
<p id="footintcurrency"></p><br class="new_footer_br">
<p id="footprivacy">
<a href="https://www.condenast.com/user-agreement" target="_blank">User Agreement</a> | <a href="https://www.condenast.com/privacy-policy" target="_blank">Privacy Policy</a>
<a href="https://www.condenast.com/privacy-policy#notice-to-california-customers" target="_blank">(your CA Privacy Rights)</a>.
</p>
<p id="footcopyright"> Copyright © 2023 Condé Nast Digital. All Rights Reserved.<br></p>
<!-- OneTrust Cookies Settings button start --><button id="ot-sdk-btn" class="ot-sdk-show-settings ot-sdk-btn--visible" type="button" style="display: block; margin-right: auto; margin-left: auto; margin-bottom: 20px;">Manage
Preferences</button><!-- OneTrust Cookies Settings button end -->
</div>
<style>
#footservweb {
text-align: center !important;
}
.paNewFAdd {
font: 400 14px/20px Helvetica, Arial, sans-serif !important;
max-width: 680px !important;
}
</style>
</form>Text Content
* More Options nav links off nav links off RENEW NOW & RECEIVE A COMPLIMENTARY GIFT SUBSCRIPTION PLUS, A LIMITED-EDITION TOTE FOR YOURSELF Offer available in the U.S. only. RENEW TODAY AND RECEIVE: * A print + digital rate of 1 year at $20 after your current subscription ends * A complimentary 1-year gift subscription of Vogue to a friend or family member * An exclusive tote bag, compliments of Vogue as a thank-you for your order After one year, your subscription renews automatically at one year for $49.99. You may cancel at any time. STEP 1 OF 4 FREE GIFT RECIPIENT INFORMATION ENTER RECIPIENT INFORMATION First name Please enter first name Last name Please enter last name Street address Please enter a valid address Apt, floor, unit (optional) City Please enter city State AL AK AZ AR CA CO CT DE DC FL GA HI ID IL IN IA KS KY LA ME MD MA MI MN MS MO MT NE NV NH NJ NM NY NC ND OH OK OR PA RI SC SD TN TX UT VT VA WA WV WI WY AA AE AP PR AB BC MB NB NL NS ON PE QC SK NT NU YT Please select state Zip Please enter code Recipient email Email cannot be empty Please enter a valid email Will be used in accordance with our User Agreement and Privacy Policy STEP 2 OF 4 PAYMENT DETAILS You may cancel at any time. Credit card Credit/Debit Card # This transaction is secured with SSL encryption. Please enter a valid credit card Please enter a valid credit card Exp. Month Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec Select month Exp. Year 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 Select year CVV Enter valid CVV Please enter your billing information below before continuing your purchase with PayPal. Check out with STEP 3 OF 4 SHIPPING ADDRESS ENTER YOUR INFORMATION First name Please enter first name Last name Please enter last name Street address Please enter a valid address Apt, floor, unit (optional) City Please enter city State AL AK AZ AR CA CO CT DE DC FL GA HI ID IL IN IA KS KY LA ME MD MA MI MN MS MO MT NE NV NH NJ NM NY NC ND OH OK OR PA RI SC SD TN TX UT VT VA WA WV WI WY AA AE AP PR AB BC MB NB NL NS ON PE QC SK NT NU YT Please select state Zip Please enter code Email Email cannot be empty Please enter a valid email Your email will be used to sign in to your account. Consistent with our privacy policy and applicable law, your email can be used to send you marketing and account-related emails. STEP 4 OF 4 REVIEW AND SUBMIT After one year, your subscription renews automatically at one year for $49.99. You may cancel at any time. Renew 1 Year – Print + Digital Access $20.00 Gift 1 Year – Print + Digital AccessGift order will not automatically renew. FREE Shipping + Handling FREE Total Billed $20.00 + sales tax where applicable Automatic renewal and cancellation: After your initial one year term, your subscription will automatically renew at one year for $49.99 (or the then current rate) plus applicable sales tax. Your subscription will continue until you cancel. As the rate may change, we will send a notice before each renewal stating the term and then current rate. If you do nothing, we will charge the payment method you selected. You can cancel at any time to get a refund for the portion remaining on your subscription by signing into your account or calling 1-800-234-2347. By subscribing, you agree to our user agreement (including class action waivers and arbitration provisions), our privacy policy and cookie statement, and the automatic renewal/cancellation terms above (including EU/UK waiver of rights to withdrawal). Please confirm the Subscriber Auto Renewal Feature above. By subscribing you agree to our User Agreement and Privacy Policy & Cookie Statement. Renew My Subscription This transaction is secured with SSL encryption Customer Service can be reached at vogue.com/customerservice, 1-800-234-2347, or by email. The current annual rates are: In the U.S., a bundle subscription is $49.99. In Canada, a bundle subscription is $60. In all other destinations, a bundle subscription is $70. In the U.S., a Vogue.com digital access subscription is $24.99. In all destinations, a subscription to the digital edition of the magazine is $19.99. Vogue publishes ten issues per year. First issue mails within 6 weeks. Plus sales tax where applicable. This offer is available to customers who have not been subscribed to Vogue within the last 18 months. All orders subject to approval. Where applicable, limit one free gift per address. Due to global shipping delays and supply chain shortages, the delivery timing of your free gift is uncertain. We apologize for any inconvenience this may cause. Your order will be recorded and the free gift will ship when inventory is available. Import fees, declaration fees, import duties and/or taxes may be imposed on free gifts shipped outside the U.S. All such fees are the customer's sole responsibility. By ordering, you agree not to resell any subscriptions purchased from this site. Subscribers: If the Post Office alerts us that your magazine is undeliverable, we have no further obligation unless we receive a corrected address within one year. User Agreement | Privacy Policy (your CA Privacy Rights). Copyright © 2023 Condé Nast Digital. All Rights Reserved. Manage Preferences We and our partners store and/or access information on a device, such as unique IDs in cookies to process personal data. You may accept or manage your choices by clicking below or at any time in the privacy policy page. These choices will be signaled to our partners and will not affect browsing data.More Information WE AND OUR PARTNERS PROCESS DATA TO PROVIDE: Use precise geolocation data. Actively scan device characteristics for identification. Store and/or access information on a device. Personalised ads and content, ad and content measurement, audience insights and product development. List of Partners (vendors) I Accept Show Purposes