Integrare i bottoni delle azioni rapide su e-commerce per Gmail

| | 0 Comments

Bottoni azioni rapide gmail

Google da qualche tempo ha integrato in Gmail la lettura dei microdata per visualizzare delle azioni rapide nella posta in arrivo sotto forma di bottoni che appaiono direttamente accanto all’oggetto della mail nell’elenco, senza doverla neanche aprire e leggere per cercare il link, utile specialmente per gli ordini e le spedizioni degli e-commerce.

Per la verità si possono creare una miriade di azioni ma quelle che maggiormente interessano un ecommerce sono, Visualizza ordine e Traccia spedizione. Per far ciò dovete assicurarvi di individuare i giusti template delle email generate dal vostro e-commerce e quindi aggiungere le porzioni di codice a seguire, premurandovi di sostituire correttamente i valori all’interno degli attributi content=”” e l’url. Entrambi i codici vanno inseriti dentro il tag body della mail.

Template email del riepilogo ordine o conferma per Visualizza Ordine

<div itemscope itemtype="http://schema.org/Order">
 <div itemprop="merchant" itemscope itemtype="http://schema.org/Organization">
  <meta itemprop="name" content="Amazon.com"/>
 </div>
 <meta itemprop="orderNumber" content="123-4567890-1234567"/>
 <meta itemprop="priceCurrency" content="USD"/>
 <meta itemprop="price" content="29.99"/>
 <div itemprop="acceptedOffer" itemscope itemtype="http://schema.org/Offer">
  <div itemprop="itemOffered" itemscope itemtype="http://schema.org/Product">
   <meta itemprop="name" content="Google Chromecast"/>
  </div>
  <meta itemprop="price" content="29.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.amazon.ca/gp/css/summary/edit.html/orderID=123-4567890-1234567"/>
</div>

Template email di invio del codice di tracciamento per Traccia spedizione

<div itemscope itemtype="http://schema.org/ParcelDelivery">
 <div itemprop="deliveryAddress" itemscope itemtype="http://schema.org/PostalAddress">
  <meta itemprop="streetAddress" content="24 Willie Mays Plaza"/>
  <meta itemprop="addressLocality" content="San Francisco"/>
  <meta itemprop="addressRegion" content="CA"/>
  <meta itemprop="addressCountry" content="US"/>
  <meta itemprop="postalCode" content="94107"/>
 </div>
 <meta itemprop="expectedArrivalUntil" content="2013-03-12T12:00:00-08:00"/>
 <div itemprop="carrier" itemscope itemtype="http://schema.org/Organization">
  <meta itemprop="name" content="FedEx"/>
 </div>
 <div itemprop="itemShipped" itemscope itemtype="http://schema.org/Product">
  <meta itemprop="name" content="iPod Mini"/>
 </div>
 <div itemprop="partOfOrder" itemscope itemtype="http://schema.org/Order">
  <meta itemprop="orderNumber" content="176057"/>
  <div itemprop="merchant" itemscope itemtype="http://schema.org/Organization">
   <meta itemprop="name" content="Bob Dole"/>
  </div>
 </div>
 <link itemprop="trackingUrl" href="http://fedex.com/track/1234567890"/>
</div>

Riferimenti

Order – Actions in the Inbox — Google Developers

Tags: , , , , , , ,

Category: Programmazione

About the Author ()

Studio Ingegneria Informatica e Bio. all' Università Magna Graecia di Catanzaro, sono appassionato di informatica, e mi piace praticare la pesca nelle acque dolci.