As taxas de envio permitem exibir várias opções de remessa, como padrão, expressa e dia seguinte, com estimativas de entrega mais precisas. Cobre o cliente pelo envio usando diferentes produtos Stripe. Antes de criar uma taxa de envio, saiba como coletar endereços de cobrança e entrega.
Observação
As tarifas de envio só aceitam valores fixos para todo o pedido. Não é possível ajustar a taxa de envio com base no número de itens no pedido.
Observação
As tarifas de envio só aceitam valores fixos para todo o pedido. Não é possível ajustar a taxa de envio com base no número de itens no pedido.
Para adicionar um tarifa de frete usando o Dashboard:
- Clique em Criar tarifa de envio.
- Insira um valor, uma descrição e, opcionalmente, um prazo estimado de entrega.
- Clique em Salvar e copie o ID da tarifa de envio (
shr_123456).
Insira os detalhes da tarifa de envio
Para criar uma sessão do Checkout que inclua sua taxa de envio, passe o ID da taxa de envio gerada para o parâmetro shipping_options. Se quiser criar a taxa de envio ao mesmo tempo que uma sessão do Checkout, use o parâmetro shipping_rate_data com shipping_options. Somente sessões do Checkout no modo pagamento aceitam opções de envio.
O exemplo de código a seguir adiciona duas opções de envio à sessão do Checkout:
- Frete grátis, com uma entrega estimada de 5 a 7 dias úteis.
- Transporte aéreo no dia seguinte, a um custo de US$ 15,00, com uma entrega estimada em exatamente 1 dia útil.
curl https://api.stripe.com/v1/checkout/sessions \
-u "sk_test_BQokikJOvBiI2HlWgH4olfQ2
No cliente, use o objeto shippingOptions para processar as opções de envio disponíveis, como em uma lista de botões de seleção. Quando o cliente selecionar uma opção de envio, chame updateShippingOption com o ID da opção de envio.
<div id="shipping-options"></div>
checkout.session().shippingOptions.forEach((option) => {
const form = document.createElement('form');
shippingOptions.forEach(option => {
const label = document.createElement('label');
const radio = document.createElement('input');
radio.type = 'radio';
radio.id = option.id;
radio.name = 'shippingOption';
radio.value = option.id;
radio.addEventListener('click', () => {
checkout.updateShippingOption(option.id)
})
const labelText = document.createTextNode(option.displayName);
label.appendChild(radio);
label.appendChild(labelText);
form.appendChild(label);
});
document.getElementById('shipping-options').appendChild(form);
});
const shippingAddressElement = checkout.createShippingAddressElement();
shippingAddressElement.mount('#shipping-address');
