Snippets de e-mail

Email Snippets (Snippets de e-mail) no Zoho garantem que informações importantes a partir de um e-mail são realçados na pré-visualização do e-mail. Em cenários corporativos, pode haver e-mails contendo informações que precisam ser realçadas e mostradas primeiro aos usuários. Isso pode ser feito por determinadas seções de análise do e-mail em um formato específico.

A Schema.org é uma comunidade de colaboração que trabalha na criação e promoção de esquemas para marcação de dados estruturados na Internet. O formato definido pela schema.org é compreendido pelo Zoho Mail, e essa marcação será destacada e renderizada como snippets de e-mail na visualização de e-mail.

Índice

Como destacar os snippets de e-mail

Para destacar as seções mais importantes do seu e-mail e exibi-las na visualização de e-mail, você pode incorporar script Microdata ou JSON-LD no corpo do e-mail conteúdo. Este script fará com que as seções de e-mail que você deseja que seja exibido na visualização de e-mail. Por exemplo, em um e-mail de reserva de bilhete do voo, seções, como o número do voo, horário de partida e chegada, o cartão de embarque pontos podem ser realçados. Isso facilita para o usuário a compreender com facilidade os detalhes que são mais necessários no e-mail.

Além de incorporar o script, você precisa registrá-lo para identificar os snippets que foram analisados no e-mail. Você pode registrar seu domínio usando este link. O processo de registro de domínio será feito após uma revisão. A organização que enviou a solicitação de registro será contatada, caso haja mais esclarecimentos nesse sentido.

Da mesma forma, destacar certas partes do e-mail também será útil em casos de e-mails de confirmação de pedidos em sites de e-commerce e e-mails de rastreamento de pacotes enviados a partir de agências de transporte.

O que fazer que o Zoho Mail destaque snippets de e-mail

Para destacar snippets nos e-mails que você enviar, há duas coisas que precisam ser verificadas.

  • O e-mail enviado deve conter um script específico no formato Microdata ou JSON-LD.
  • O domínio do qual você enviar o e-mail deve estar registrado em nossa lista identificada de domínios.

Formato para destacar snippets de e-mail

Para destacar snippets nos e-mails que você enviar, será necessário incorporar um script no e-mail enviado. O Zoho Mail é compatível com os formatos Microdata e JSON-LD na marcação de e-mail.

Microdata

Microdata é uma linguagem de marcação criada para descrever e destacar partes específicas de um e-mail. Cada marcação pode conter atributos associados. No formato Microdata, os três atributos básicos usados são itemtype, itemprop e itemscope.

Itemscope: o uso de este atributo dentro de uma marcação div indica que todas as informações dentro dela pertencem a uma única entidade.

Itemtype: ao mencionar um itemtype, ele indica que todos os elementos no escopo estão contidos na classe mencionada. Você pode definir esse parâmetro para qualquer uma das classes disponíveis em schema.org class.

Itemprop: informações adicionais sobre a classe mencionada como itemtype podem ser fornecidas usando esse atributo.

JSON-LD

O JSON-LD é uma sintaxe baseada em JSON, que é outra linguagem de marcação comumente usada. No formato JSON-LD, @context é definido como http://schema.org, @type é definido como qualquer uma das classes disponíveis em schema.org class e as propriedades da classe são definidas no script.

Sintaxe para destacar snippets de e-mail

Confirmação de passagem aérea

Quando você recebe e-mails de confirmação de voo, determinados dados importantes, como o horário de embarque, aeroportos de embarque e chegada, data da viagem etc. podem ser realçados e exibidos aos usuários para ajudá-los a compreender rapidamente a essência do e-mail.

Casos de uso

Passagem aérea básica

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "914",
"airline": {
"@type": "Airline",
"name": "Pan American World Airways",
"iataCode": "PA"
},
"departureAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"iataCode": "JFK"
},
"departureTime": "2018-04-07T18:20:00-06:00",
"arrivalAirport": {
"@type": "Airport",
"name": "Miami International Airport",
"iataCode": "MIA"
},
"arrivalTime": "2018-04-08T14:30:00-05:00"
}
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/FlightReservation”>
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person”>
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="914"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Pan American World Airways"/>
<meta itemprop="iataCode" content="PA"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="John F. Kennedy International Airport"/>
<meta itemprop="iataCode" content="JFK"/>
</div>
<meta itemprop="departureTime" content="2018-04-07T18:20:00-06:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Miami International Airport"/>
<meta itemprop="iataCode" content="MIA"/>
</div>
<meta itemprop="arrivalTime" content="2018-04-08T14:30:00-05:00"/>
</div>
</div>

Cartão de embarque

Se você precisar que os detalhes do cartão de embarque sejam destacados ao longo do restante do conteúdo, pode usar esta sintaxe.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "914",
"airline": {
"@type": "Airline",
"name": "Pan American World Airways",
"iataCode": "PA"
},
"departureAirport": {
"@type": "Airport",
"name": " John F. Kennedy International Airport ",
"iataCode": "JFK"
},
"departureTime": " 2018-04-07T18:20:00-06:00",
"arrivalAirport": {
"@type": "Airport",
"name": " Miami International Airport ",
"iataCode": "MIA"
},
"arrivalTime": " 2018-04-08T14:30:00-05:00 "
},
"airplaneSeat": "5C",
"airplaneSeatClass": {
"@type": "AirplaneSeatClass",
"name": "Economy"
},
"ticketNumber": "FIG546",
"ticketToken": "qrCode:FG56",
"checkinUrl": "http://panam.org/onlinecheckin.html"
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content=" TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="914"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content=" Pan American World Airways"/>
<meta itemprop="iataCode" content="PA"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content=" John F. Kennedy International Airport "/>
<meta itemprop="iataCode" content="JFK"/>
</div>
<meta itemprop="departureTime" content=" 2018-04-07T18:20:00-06:00 "/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content=" Miami International Airport "/>
<meta itemprop="iataCode" content="MIA"/>
</div>
<meta itemprop="arrivalTime" content=" 2018-04-08T14:30:00-05:00"/>
</div>
<meta itemprop="airplaneSeat" content="5C"/>
<div itemprop="airplaneSeatClass" itemscope itemtype="http://schema.org/AirplaneSeatClass">
<meta itemprop="name" content="Economy"/>
</div>
<meta itemprop="ticketNumber" content=" FIG546 "/>
<meta itemprop="ticketToken" content="qrCode:FG56"/>
<link itemprop="checkInUrl" href="http://panam.org/onlinecheckin.html"/>
</div>

Botão de check-in

Além de destacar dado do voo e do passageiro, você também pode adicionar um botão de check-in no e-mail usando esta sintaxe.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743 ",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "914",
"airline": {
"@type": "Airline",
"name": "Pan American World Airways",
"iataCode": "PA"
},
"departureAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"iataCode": "JFK"
},
"departureTime": "2018-04-07T18:20:00-06:00",
"arrivalAirport": {
"@type": "Airport",
"name": "Miami International Airport",
"iataCode": "MIA"
},
"arrivalTime": "2018-04-08T14:30:00-05:00"
},
"checkinUrl": "http://panam.org/onlinecheckin.html",
"potentialAction": {
"@type": "CheckInAction",
"target": "http://panam.org/onlinecheckin.html"
}
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="914"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Pan American World Airways"/>
<meta itemprop="iataCode" content="PA"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="John F. Kennedy International Airport"/>
<meta itemprop="iataCode" content="JFK"/>
</div>
<meta itemprop="departureTime" content="2018-04-07T18:20:00-06:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Miami International Airport"/>
<meta itemprop="iataCode" content="MIA"/>
</div>
<meta itemprop="arrivalTime" content="2018-04-08T14:30:00-05:00"/>
</div>
<link itemprop="checkinUrl" href="http://panam.org/onlinecheckin.html"/>
<div itemprop="potentialAction" itemscope itemtype="http://schema.org/CheckInAction">
<link itemprop="target" href="http://panam.org/onlinecheckin.html"/>
</div>
</div>

Atualizar um voo

Pode haver casos em que houve uma mudança no tempo de voo ou outros detalhes da passagem. Em tais casos, você pode enviar um e-mail atualizado com o voo e os detalhes da passagem. Você pode usar esta sintaxe para destacar partes do e-mail, quando o tempo de voo for modificado.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "914",
"airline": {
"@type": "Airline",
"name": "Pan American World Airways",
"iataCode": "PA"
},
"departureAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"iataCode": "JFK"
},
"departureTime": " 2018-04-07T18:20:00-06:00",
"arrivalAirport": {
"@type": "Airport",
"name": "Miami International Airport",
"iataCode": "MIA"
},
"arrivalTime": "2018-04-08T14:30:00-05:00"
},
"airplaneSeat": "5C",
"airplaneSeatClass": {
"@type": "AirplaneSeatClass",
"name": "Economy"
},
"checkinUrl": "http://panam.org/onlinecheckin.html",
"modifiedTime": "2018-04-07T11:30:00-08:00",
"modifyReservationUrl": "http://panam.org/modifyreservation.html"
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="914"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Pan American World Airways"/>
<meta itemprop="iataCode" content="PA"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="John F. Kennedy International Airport"/>
<meta itemprop="iataCode" content="JFK"/>
</div>
<meta itemprop="departureTime" content="2018-04-07T18:20:00-06:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Miami International Airport"/>
<meta itemprop="iataCode" content="MIA"/>
</div>
<meta itemprop="arrivalTime" content="2018-04-08T14:30:00-05:00"/>
</div>
<meta itemprop="airplaneSeat" content="5C"/>
<div itemprop="airplaneSeatClass" itemscope itemtype="http://schema.org/AirplaneSeatClass">
<meta itemprop="name" content="Economy"/>
</div>
<meta itemprop="modifiedTime" content="2018-04-07T11:30:00-08:00"/>
<link itemprop="checkInUrl" href="http://panam.org/onlinecheckin.html"/>
<link itemprop="modifyReservationUrl" href="http://panam.org/modifyreservation.html"/>
</div>

Cancelar um voo

A seguinte sintaxe pode ser usada para mostrar ao usuário que uma passagem que foi reservada para um horário específico foi cancelada.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743",
"reservationStatus": "http://schema.org/Cancelled",
"underName": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "914",
"airline": {
"@type": "Airline",
"name": "Pan American World Airways",
"iataCode": "PA"
},
"departureAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"iataCode": "JFK"
},
"departureTime": "2018-04-07T18:20:00-06:00",
"arrivalAirport": {
"@type": "Airport",
"name": "Miami International Airport",
"iataCode": "MIA"
},
"arrivalTime": "2018-04-08T14:30:00-05:00"
},
"checkinUrl": "http://panam.org/onlinecheckin.html",
"modifiedTime": "2018-04-07T11:30:00-08:00",
"modifyReservationUrl": "http://panam.org/modifyreservation.html"
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Cancelled"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="914"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Pan American World Airways"/>
<meta itemprop="iataCode" content="PA"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="John F. Kennedy International Airport"/>
<meta itemprop="iataCode" content="JFK"/>
</div>
<meta itemprop="departureTime" content="2018-04-07T18:20:00-06:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Miami International Airport"/>
<meta itemprop="iataCode" content="MIA"/>
</div>
<meta itemprop="arrivalTime" content="2018-04-08T14:30:00-05:00"/>
</div>
<meta itemprop="modifiedTime" content="2018-04-07T11:30:00-08:00"/>
<link itemprop="checkInUrl" href="http://panam.org/onlinecheckin.html"/>
<link itemprop="modifyReservationUrl" href="http://panam.org/modifyreservation.html"/>
</div>

Passagem aérea com várias escalas

Quando você faz uma reserva de viagem para um destino que não têm um voo direto, mas com várias escalas, chama-se voo com várias escalas. Nesse caso, o bilhete será reservado de forma que você chegue a um destino intermediário e outro voo ao seu destino final. A seguinte sintaxe pode ser usada para destacar as partes desses e-mails.

JSON-LD

<script type="application/ld+json">
[
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "761",
"airline": {
"@type": "Airline",
"name": "Lufthansa",
"iataCode": "LH"
},
"departureAirport": {
"@type": "Airport",
"name": "Indira Gandhi International Airport",
"iataCode": "DEL"
},
"departureTime": "2018-03-04T11:00:00-05:00",
"arrivalAirport": {
"@type": "Airport",
"name": "Frankfurt Airport",
"iataCode": "FRA"
},
"arrivalTime": "2018-03-05T13:25:00-06:00"
},
"checkinUrl": "http://lufthansa.com/onlinecheckin.html"
},
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "400",
"airline": {
"@type": "Airline",
"name": "Lufthansa",
"iataCode": "LH"
},
"departureAirport": {
"@type": "Airport",
"name": "Frankfurt Airport",
"iataCode": "FRA"
},
"departureTime": "2018-03-05T14:55:00-06:00",
"arrivalAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"iataCode": "JFK"
},
"arrivalTime": "2018-03-05T15:15:00-08:00"
},
"checkinUrl": "http://lufthansa.com/onlinecheckin.html"
}
]
</script>

Microdata

<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="761"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Lufthansa"/>
<meta itemprop="iataCode" content="LH"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Indira Gandhi International Airport"/>
<meta itemprop="iataCode" content="DEL"/>
</div>
<meta itemprop="departureTime" content="2018-03-04T11:00:00-05:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content=" Frankfurt Airport"/>
<meta itemprop="iataCode" content="FRA"/>
</div>
<meta itemprop="arrivalTime" content="2018-03-05T13:25:00-06:00"/>
</div>
<meta itemprop="modifiedTime" content="2018-03-01T08:30:00-08:00"/>
</div>
<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="400"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Lufthansa"/>
<meta itemprop="iataCode" content="LH"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Frankfurt Airport"/>
<meta itemprop="iataCode" content="FRA"/>
</div>
<meta itemprop="departureTime" content="2018-03-05T14:55:00-06:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="John F. Kennedy International Airport"/>
<meta itemprop="iataCode" content="JFK"/>
</div>
<meta itemprop="arrivalTime" content="2018-03-05T15:15:00-08:00"/>
</div>
<meta itemprop="modifiedTime" content="2018-03-01T08:30:00-08:00"/>
</div>

Passagem aérea com vários passageiros

Quando uma passagem aérea é reservada para mais de um passageiro de uma só vez, esta sintaxe pode ser usada para destacar os detalhes de todos os passageiros no e-mail.

JSON-LD

<script type="application/ld+json">

[
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Justin Case"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "914",
"airline": {
"@type": "Airline",
"name": "Pan American World Airways",
"iataCode": "PA"
},
"departureAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"iataCode": "JFK"
},
"departureTime": "2018-03-04T11:00:00-05:00",
"arrivalAirport": {
"@type": "Airport",
"name": "Miami International Airport",
"iataCode": "MIA"
},
"arrivalTime": "2018-03-05T13:25:00-06:00"
},
"checkinUrl": "http://panam.org/onlinecheckin.html"
},
{
"@context": "http://schema.org",
"@type": "FlightReservation",
"reservationNumber": "TJK743",
"reservationStatus": "http://schema.org/Confirmed",
"underName": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"reservationFor": {
"@type": "Flight",
"flightNumber": "914",
"airline": {
"@type": "Airline",
"name": "Pan American World Airways",
"iataCode": "PA"
},
"departureAirport": {
"@type": "Airport",
"name": "John F. Kennedy International Airport",
"iataCode": "JFK"
},
"departureTime": "2018-03-04T11:00:00-05:00",
"arrivalAirport": {
"@type": "Airport",
"name": "Miami International Airport",
"iataCode": "MIA"
},
"arrivalTime": "2018-03-05T13:25:00-06:00"
},
"checkinUrl": "http://panam.org/onlinecheckin.html"
}

]
</script>

Microdata

<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Justin Case"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="914"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Pan American World Airways"/>
<meta itemprop="iataCode" content="PA"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="John F. Kennedy International Airport"/>
<meta itemprop="iataCode" content="JFK"/>
</div>
<meta itemprop="departureTime" content="2018-03-04T11:00:00-05:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Miami International Airport"/>
<meta itemprop="iataCode" content="MIA"/>
</div>
<meta itemprop="arrivalTime" content="2018-03-05T13:25:00-06:00"/>
</div>
<div itemscope itemtype="http://schema.org/FlightReservation">
<meta itemprop="reservationNumber" content="TJK743"/>
<link itemprop="reservationStatus" href="http://schema.org/Confirmed"/>
<div itemprop="underName" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="reservationFor" itemscope itemtype="http://schema.org/Flight">
<meta itemprop="flightNumber" content="914"/>
<div itemprop="airline" itemscope itemtype="http://schema.org/Airline">
<meta itemprop="name" content="Pan American World Airways"/>
<meta itemprop="iataCode" content="PA"/>
</div>
<div itemprop="departureAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="John F. Kennedy International Airport"/>
<meta itemprop="iataCode" content="JFK"/>
</div>
<meta itemprop="departureTime" content="2018-03-05T14:55:00-06:00"/>
<div itemprop="arrivalAirport" itemscope itemtype="http://schema.org/Airport">
<meta itemprop="name" content="Miami International Airport"/>
<meta itemprop="iataCode" content="MIA"/>
</div>
<meta itemprop="arrivalTime" content="2018-03-05T15:15:00-08:00"/>
</div>

Confirmação do pedido

Quando você faz um pedido em uma loja on-line, você receberá uma confirmação por e-mail que especifica os itens solicitados. Esses detalhes de e-mail podem ser realçados e mostrados com facilidade.

Casos de uso

Detalhes de pedidos básica

A seguinte sintaxe pode ser usada para realçar detalhes básicos, como o número do pedido, o preço, o item solicitado, o site a partir do qual ele foi solicitado etc.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Order",
"merchant": {
"@type": "Organization",
"name": "saltychocolates.com"
},
"orderNumber": "64527137-237673",
"priceCurrency": "USD",
"price": "15.99",
"acceptedOffer": {
"@type": "Offer",
"itemOffered": {
"@type": "Product",
"name": "Chocolate coated Hazelnut crunchies”
},
"price": "15.99",
"priceCurrency": "USD",
"eligibleQuantity": {
"@type": "QuantitativeValue",
"value": "1"
}
}
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/Order">
<div itemprop="merchant" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="saltychocolates.com"/>
</div>
<meta itemprop="orderNumber" content="64527137-237673"/>
<meta itemprop="priceCurrency" content="USD"/>
<meta itemprop="price" content="15.99"/>
<div itemprop="acceptedOffer" itemscope itemtype="http://schema.org/Offer">
<div itemprop="itemOffered" itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Chocolate coated Hazelnut crunchies"/>
</div>
<meta itemprop="price" content="15.99"/>
<meta itemprop="priceCurrency" content="USD"/>
<div itemprop="eligibleQuantity" itemscope itemtype="http://schema.org/QuantitativeValue">
<meta itemprop="value" content="1"/>
</div>
</div>
</div>

Confirmação de pedido com ação Ver pedido

Esta sintaxe envia o e-mail com detalhes do pedido básicos e o botão Ver pedido será incluído no e-mail da lista.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org”,
"@type": "Order",
"merchant": {
"@type": "Organization",
"name": "saltychocolates.com"
},
"orderNumber": "64527137-237673",
"orderStatus": "http://schema.org/OrderProcessing",
"priceCurrency": "USD",
"price": "15.99",
"priceSpecification": {
"@type": "PriceSpecification",
"validFrom": "2018-12-07T23:30:00-08:00"
},
"acceptedOffer": {
"@type": "Offer",
"itemOffered": {
"@type": "Product",
"name": "Chocolate coated Hazelnut crunchies",
"sku": "837428",
"url": "http://saltychocolates.com/837428",
"image": "http://saltychocolates.com/images/837428.jpg"
},
"price": "15.99",
"priceCurrency": "USD",
"eligibleQuantity": {
"@type": "QuantitativeValue",
"value": "1"
}
},
"url": "https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673",
"potentialAction": {
"@type": "ViewAction",
"url": "https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673"
}
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/Order">
<div itemprop="merchant" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content=“www.saltychocolates.com"/>
</div>
<link itemprop="orderStatus" href="http://schema.org/OrderProcessing"/>
<meta itemprop="orderNumber" content="64527137-237673”/>
<meta itemprop="priceCurrency" content="USD"/>
<meta itemprop="price" content="15.99"/>
<div itemprop="acceptedOffer" itemscope itemtype="http://schema.org/Offer">
<div itemprop="itemOffered" itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Chocolate coated Hazelnut crunchies"/>
<link itemprop="url" href="http://saltychocolates.com/837428"/>
<link itemprop="image" href="http://saltychocolates.com/images/837428.jpg"/>
<meta itemprop="sku" content="837428"/>
</div>
<meta itemprop="price" content="15.99"/>
<meta itemprop="priceCurrency" content="USD"/>
<div itemprop="eligibleQuantity" itemscope itemtype="http://schema.org/QuantitativeValue">
<meta itemprop="value" content="1"/>
</div>
</div>
<link itemprop="url" href="https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673"/>
<div itemprop="potentialAction" itemscope itemtype="http://schema.org/ViewAction">
<link itemprop="url" href="https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673"/>
</div>
<div itemprop="priceSpecification" itemscope itemtype="http://schema.org/PriceSpecification">
<meta itemprop="validFrom" content="2018-12-07T23:30:00-08:00"/>
</div>
</div>

Confirmação de pedido com detalhes de cobrança

Se você deseja destacar os detalhes do pagamento do pedido, além de outros detalhes, esta sintaxe pode ser usada.

JSON-LD

<script type="application/ld+json”>
{
"@context": "http://schema.org",
"@type": "Order",
"merchant": {
"@type": "Organization",
"name": "www.saltychocolates.com"
},
"orderNumber": "64527137-237673",
"priceCurrency": "USD",
"price": "15.99",
"priceSpecification": {
"@type": "PriceSpecification",
"validFrom": "2018-12-07T23:30:00-08:00"
},
"acceptedOffer": [
{
"@type": "Offer",
"itemOffered": {
"@type": "Product",
"name": "Chocolate coated Hazelnut crunchies",
"sku": "837428”,
"url": "http://saltychocolates.com/837428 ",
"image": "http://saltychocolates.com/images/837428.jpg"
},
"price": "15.99",
"priceCurrency": "USD",
"eligibleQuantity": {
"@type": "QuantitativeValue",
"value": "1"
},
"seller": {
"@type": "Organization"
"name": "Salty Chocolates"
}
},
{
"@type": "Offer",
"itemOffered": {
"@type": "Product",
"name": "Chocolate coated Hazelnut crunchies",
"sku": "837428",
"url": "http://saltychocolates.com/837428",
"image": "http://saltychocolates.com/images/837428.jpg"
},
"price": "15.99",
"priceCurrency": "USD",
"eligibleQuantity": {
"@type": "QuantitativeValue",
"value": "1"
},
"seller": {
"@type": "Organization",
"name": "Salty Chocolates"
}
}
],
"url": "https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673",
"potentialAction": {
"@type": "ViewAction",
"url": "https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673"
},
"orderStatus": "http://schema.org/OrderProcessing",
"paymentMethod": {
"@type": "PaymentMethod",
"name": "http://schema.org/CreditCard"
},
"paymentMethodId": "**** **** **** 1234",
"orderDate": "2018-11-07T23:30:00-08:00",
"isGift": "false",
"discount": "0.90",
"discountCurrency": "USD",
"customer": {
"@type": "Person",
"name": "Rebecca Anderson"
},
"billingAddress": {
"@type": "PostalAddress",
"name": "Zylker Inc.",
"streetAddress": "43, Shirley Avenue",
"addressLocality": "North Carolina",
"addressRegion": "CA",
"addressCountry": "USA"
}
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/Order">
<div itemprop="merchant" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="www.saltychocolates.com"/>
</div>
<meta itemprop="orderNumber" content="64527137-237673 "/>
<meta itemprop="priceCurrency" content="USD"/>
<meta itemprop="price" content="15.99"/>
<div itemprop="acceptedOffer" itemscope itemtype="http://schema.org/Offer">
<div itemprop="itemOffered" itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Chocolate coated Hazelnut crunchies"/>
<meta itemprop="sku" content="837428"/>
<link itemprop="url" href="http://saltychocolates.com/837428"/>
<link itemprop="image"href="http://saltychocolates.com/images/837428.jpg"/>
</div>
<meta itemprop="price" content="15.99"/>
<meta itemprop="priceCurrency" content="USD"/>
<div itemprop="eligibleQuantity" itemscope itemtype="http://schema.org/QuantitativeValue">
<meta itemprop="value" content="1"/>
</div>
<div itemprop="seller" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Salty Chocolates"/>
</div>
</div>
<div itemprop="acceptedOffer" itemscope itemtype="http://schema.org/Offer">
<div itemprop="itemOffered" itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Chocolate coated Hazelnut crunchies"/>
<meta itemprop="sku" content="837428"/>
<link itemprop="url" href="http://saltychocolates.com/837428"/>
<link itemprop="image" href="http://saltychocolates.com/images/837428.jpg"/>
</div>
<meta itemprop="price" content="15.99"/>
<meta itemprop="priceCurrency" content="USD"/>
<div itemprop="eligibleQuantity" itemscope itemtype="http://schema.org/QuantitativeValue">
<meta itemprop="value" content="1"/>
</div>
<div itemprop="seller" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Salty Chocolates"/>
</div>
</div>
<link itemprop="url" href="https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673"/>
<div itemprop="potentialAction" itemscope itemtype="http://schema.org/ViewAction">
<link itemprop="url" https://www.saltychocolates.com//summary/edit.html/orderID=64527137-237673"/>
</div>
<link itemprop="orderStatus" href="http://schema.org/OrderProcessing"/>
<div itemprop="paymentMethod" itemscope itemtype="http://schema.org/PaymentMethod">
<meta itemprop="name" content="http://schema.org/CreditCard"/>
</div>
<meta itemprop="paymentMethodId" content="**** **** **** 1234"/>
<meta itemprop="orderDate" content="2018-11-07T23:30:00-08:00"/>
<meta itemprop="isGift" content="false"/>
<meta itemprop="discount" content="0.90"/>
<meta itemprop="discountCurrency" content="USD"/>
<div itemprop="customer" itemscope itemtype="http://schema.org/Person">
<meta itemprop="name" content="Rebecca Anderson"/>
</div>
<div itemprop="billingAddress" itemscope itemtype="http://schema.org/PostalAddress">
<meta itemprop="name" content="Zylker Inc."/>
<meta itemprop="streetAddress" content="42, Shirley Avenue"/>
<meta itemprop="addressLocality" content="North Carolina"/>
<meta itemprop="addressRegion" content="CA"/>
<meta itemprop="addressCountry" content="USA"/>
</div>
<div itemprop="priceSpecification" itemscope itemtype="http://schema.org/PriceSpecification">
<meta itemprop="validFrom" content="2018-12-07T23:30:00-08:00"/>
</div>
</div>

Rastreamento de pacote

Casos de uso

Rastreamento de pacote básico

Os detalhes de um serviço de correio usado para enviar um pacote, o ID de rastreamento, entre outros, podem ser destacados quando um e-mail especificando as informações de rastreamento é enviado.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "ParcelDelivery",
"deliveryAddress": {
"@type": "PostalAddress",
"name": "Chocolate House",
"streetAddress": "42 Shirley Ave.",
"addressLocality": "West Chicago",
"addressRegion": "CA",
"addressCountry": "US",
"postalCode": "60185"
},
"expectedArrivalUntil": "2018-03-12T12:00:00-08:00",
"carrier": {
"@type": "Organization",
"name": "DHL"
},
"itemShipped": {
"@type": "Product",
"name": "Chocolate coated Hazelnut crunchies"
},
"partOfOrder": {
"@type": "Order",
"orderNumber": "64527137-237673",
"merchant": {
"@type": "Organization",
"name": "saltychocolates.com"
}
}
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/ParcelDelivery">
<div itemprop="deliveryAddress" itemscope itemtype="http://schema.org/PostalAddress">
<meta itemprop="name" content="Chocolate House"/>
<meta itemprop="streetAddress" content="42 Shirley Ave."/>
<meta itemprop="addressLocality" content="West Chicago"/>
<meta itemprop="addressRegion" content="CA"/>
<meta itemprop="addressCountry" content="US"/>
<meta itemprop="postalCode" content="60185”/>
</div>
<meta itemprop="expectedArrivalUntil" content="2018-03-12T12:00:00-08:00"/>
<div itemprop="carrier" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="DHL"/>
</div>
<div itemprop="itemShipped" itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Chocolate coated Hazelnut crunchies"/>
</div>
<div itemprop="partOfOrder" itemscope itemtype="http://schema.org/Order">
<meta itemprop="orderNumber" content="64527137-237673"/>
<div itemprop="merchant" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="saltychocolates.com"/>
</div>
</div>
</div>

Rastreamento de pacote com detalhes de envio

Além do pacote básico de rastreamento, você também pode incorporar outros detalhes do envio no script para destacar essas informações.

JSON-LD

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "ParcelDelivery",
"deliveryAddress": {
"@type": "PostalAddress",
"name": "Rebecca Anderson",
"streetAddress": "42 Shirley Ave.",
"addressLocality": "West Chicago",
"addressRegion": "CA",
"addressCountry": "US",
"postalCode": "60185"
},
"originAddress": {
"@type": "PostalAddress",
"name": "Rebecca Anderson",
"streetAddress": "42 Shirley Ave.",
"addressLocality": "West Chicago",
"addressRegion": "CA",
"addressCountry": "US",
"postalCode": "60185"
},
"expectedArrivalFrom": "2018-07-13T12:00:00-08:00",
"expectedArrivalUntil": "2018-07-17T12:00:00-08:00",
"carrier": {
"@type": "Organization",
"name": "DHL",
"url": "http://dhl.com/"
},
"itemShipped": {
"@type": "Product",
"name": "Chocolate coated Hazelnut crunchies",
"url": "http://saltychocolates.com/837428",
"image": "http://saltychocolates.com/images/837428.jpg",
"sku": "837428",
"description": "Chocolate coated Hazelnut crunchies",
"brand": {
"@type": "Brand",
"name": "Salty Chocolates"
},
},
"trackingNumber": "3453291231",
"trackingUrl": "http://dhl.com/track/3453291231",
"potentialAction": {
"@type": "TrackAction",
"url": "http://dhl.com/track/3453291231"
},
"hasDeliveryMethod": {
"@type": "ParcelService",
"name": "http://schema.org/ParcelService"
},
"partOfOrder": {
"@type": "Order",
"orderNumber": "64527137-237673",
"merchant": {
"@type": "Organization",
"name": "Salty Chocolates",
"sameAs": "http://www.saltychocolates.com"
},
"orderStatus": "http://schema.org/OrderInTransit"
}
}
</script>

Microdata

<div itemscope itemtype="http://schema.org/ParcelDelivery">
<div itemprop="deliveryAddress" itemscope itemtype="http://schema.org/PostalAddress">
<meta itemprop="name" content="Rebecca Anderson"/>
<meta itemprop="streetAddress" content="42 Shirley Ave."/>
<meta itemprop="addressLocality" content="West Chicago"/>
<meta itemprop="addressRegion" content="CA"/>
<meta itemprop="addressCountry" content="US"/>
<meta itemprop="postalCode" content="60185"/>
</div>
<div itemprop="originAddress" itemscope itemtype="http://schema.org/PostalAddress">
<meta itemprop="name" content="Rebecca Anderson"/>
<meta itemprop="streetAddress" content="42 Shirley Ave."/>
<meta itemprop="addressLocality" content="West Chicago"/>
<meta itemprop="addressRegion" content="CA"/>
<meta itemprop="addressCountry" content="US"/>
<meta itemprop="postalCode" content="60185"/>
</div>
<meta itemprop="expectedArrivalFrom" content="2018-07-13T12:00:00-08:00"/>
<meta itemprop="expectedArrivalUntil" content="2018-07-17T12:00:00-08:00"/>
<div itemprop="carrier" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="DHL"/>
<link itemprop="url" href="http://dhl.com/"/>
</div>
<div itemprop="itemShipped" itemscope itemtype="http://schema.org/Product">
<meta itemprop="name" content="Chocolate coated Hazelnut crunchies"/>
<link itemprop="url" href="http://saltychocolates.com/837428"/>
<link itemprop="image" href="http://saltychocolates.com/images/837428.jpg"/>
<meta itemprop="sku" content="837428"/>
<meta itemprop="description" content="Chocolate coated Hazelnut crunchies"/>
<div itemprop="brand" itemscope itemtype="http://schema.org/Brand">
<meta itemprop="name" content="Salty Chocolates"/>
</div>
</div>
<meta itemprop="trackingNumber" content="3453291231"/>
<link itemprop="trackingUrl" href="http://dhl.com/track/3453291231"/>
<div itemprop="potentialAction" itemscope itemtype="http://schema.org/TrackAction">
<link itemprop="url" href="http://dhl.com/track/3453291231"/>
</div>
<div itemprop="hasDeliveryMethod" itemscope itemtype="http://schema.org/ParcelService">
<meta itemprop="name" content="http://schema.org/ParcelService"/>
</div>
<div itemprop="partOfOrder" itemscope itemtype="http://schema.org/Order">
<meta itemprop="orderNumber" content="64527137-237673"/>
<div itemprop="merchant" itemscope itemtype="http://schema.org/Organization">
<meta itemprop="name" content="Salty Chocolates"/>
<link itemprop="sameAs" href="http://www.saltychocolates.com"/>
</div>
<link itemprop="orderStatus" href="http://schema.org/OrderInTransit"/>
</div>
</div>

Formulário de inscrição para e-mail destacando os snippets:

Para que o Zoho Mail identifique o script que você está incorporando ao seu e-mail, e para garantir que o domínio enviado é válido, ele terá que ser registrado conosco.

Acesse este link para registrá-lo, de modo que seus snippets de e-mail possam ser identificados pelo Zoho Mail. O processo de registro de domínio será feito após uma revisão. A organização que enviou a solicitação de registro será contatada, caso haja mais esclarecimentos nesse sentido.

Não consegue encontrar o que procura?

Entre em contato conosco: suporte@zohocorp.com