Acesse nosso manual para a criação do template

Transcrição

Acesse nosso manual para a criação do template
2014
VTEX – On-line Applications
VTEX TRIGGER
ABANDONED CART
TEMPLATE DO E-MAIL
"A real vantagem competitiva de uma empresa consiste em ter informação sobre seus clientes que a
concorrência não tem e ser capaz de transformar rapidamente esse conhecimento em ação. Ganha quem
consegue estabelecer relacionamentos dominantes em seu mercado.“
Artigo de Don Peppers e Martha Rogers da Revista HSM Management de maio/jun. 2009.
ABANDONED CART - TEMPLATE E-MAIL.DOCX
1.
TEMPLATES:................................................................................................................... ....................................... 3
1.1 Acessar o Admin da Loja ..................................................................................................... ............................. 3
1.2 Acessar o Portal: Configurações – Páginas de Vitrine(V2)............................................................................... 3
1.3 Criar o template de Prateleira ........................................................................................................................... . 3
1.4 Criar o Template de Página .................................................................................................. ............................. 4
1.5 Criar o Layout .............................................................................................................. ..................................... 4
2. REQUISITOS: .................................................................................................................................................... .... . 5
2.1 Montar o html com estrutura para e-mail; ......................................................................................................... 5
2.2 O código deve conter a tag : .............................................................................................................................. 5
2.3
A URL do Template do e-mail criado ficará da seguinte forma:
http://www.nomedaloja.com.br/crm/carrinho-abandonado; ..........................................................................
2.4
Para minimizar as dúvidas na criação dos Templates, utilizar os códigos modelos (Anexo I e II); .............
2.5
Os links devem conter as informações de utm na query string, com escapamento do
"&": utm_source=VTEXCEM&utm_medium=Abandono_carrinho&utm_campaign=Abandono; ..........
2.6
Para exibir "Olá, Fulano", utilizar o código: [[Olá, {!Nome}!]]; .........................................................
2.7
Utilizar o seguinte código para exibir os produtos: ...........................................................................
2.8
Utilizar o seguinte código no botão para direcionar o Cliente direto para o carrinho com todos os produtos: . 5
5
5
5
5
5
3. ANEXOS: ........................................................................................................................................
3.1
ANEXO I: TEMPLATE DE PRATELEIRA: .................................................................................
3.2
ANEXO II: TEMPLATE DE PÁGINA: .........................................................................................
6 de fevereiro de 2014
6
6
7
2
ABANDONED CART - TEMPLATE E-MAIL.DOCX
1. TEMPLATES:
1.1
Acessar o Admin da Loja
1.2
Acessar o Portal: Configurações – Páginas de Vitrine(V2)
1.3
Criar o template de Prateleira
ANEXO I
Depois de salvar o Template de Prateleira será gerado seu Id, no exemplo acima o Id desse
Template de Prateleira é: bc7ad1a2-9aa3-445e-b6fe-b7986cf1f44a.
6 de fevereiro de 2014
3
ABANDONED CART - TEMPLATE E-MAIL.DOCX
1.4
Criar o Template de Página
ANEXO II
1.5
Criar o Layout
Obs.: Não precisa fazer nenhuma configuração na aba “Configuração”.
6 de fevereiro de 2014
4
ABANDONED CART - TEMPLATE E-MAIL.DOCX
2. REQUISITOS:
2.1
Montar o html com estrutura para e-mail;
2.2
O código deve conter a tag :
<html xmlns="http://www.w3.org/1999/xhtml" HYPERLINK "http://www.vtex.com.br/2009/vtexcommon" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce">;
2.3
A URL do Template do e-mail criado ficará
http://www.nomedaloja.com.br/crm/carrinho-abandonado;
da
seguinte
forma:
2.4
Para minimizar as dúvidas na criação dos Templates, utilizar os códigos modelos (Anexo I e
II);
2.5
Os links devem conter as informações de utm na query string, com escapamento do "&":
utm_source=VTEXCEM&amp;utm_medium=Abandono_carrinho&amp;utm_campaign=
Abandono;
2.6
Para exibir "Olá, Fulano", utilizar o código: [[Olá, {!Nome}!]];
2.7
Utilizar o seguinte código para exibir os produtos:
<vtex.cmc:ProductQueryStringReferenceShelf layout="bc7ad1a2-9aa3-445e-b6fe-b7986cf1f44a"
itemCount="100" columnCount="3" showUnavailable="true" isTrackable="true"
InternalCampaign="Carrinho abandonado" InternalPart="Prateleira destaque"/>. O campo "layout" deve
conter o Id do Template de Prateleira que foi criado (item 1.3).
2.8
Utilizar o seguinte código no botão para direcionar o Cliente direto para o carrinho com
todos os produtos:
<a
href="http://www.dominioloja.com.br/checkout/cart/{!rclastcart}&utm_source=VTEXCEM&amp;utm_medium=
VTEX&amp;utm_ campaign=Abandono “>
Obs.: os produtos são sempre exibidos na tela dentro de uma estrutura de UL + LI.
6 de fevereiro de 2014
5
ABANDONED CART - TEMPLATE E-MAIL.DOCX
3. ANEXOS:
3.1
ANEXO I: TEMPLATE DE PRATELEIRA:
#set($id = $product.Id)
#set($uri = $product.Uri)
#set($escapedName = $product.HtmlEscapedName)
#set($evaluationRate = $product.EvaluationRate)
<table width="100%">
<tr>
<td valign="top" width="150"><p align="left" style="margin-top:0;"><a
href="$uri?utm_source=VTEXCEM&utm_medium=Abandono_carrinho&utm_campaign=Abandono">$product.GetImageTag(2)</a></p></td>
<td valign="middle" align="left" width="300">
<a
href="$uri?utm_source=VTEXCEM&utm_medium=Abandono_carrinho&utm_campaign=Abandono" style="text-decoration:none;">
<strong><font size="3" color="#BA0046" face="Arial, Helvetica, sans-serif"
style="text-align:left;">
<p style="margin-left:30px;">$product.Name</p>
</font></strong>
</a> <p
style="margin-left:30px;">
#if ($product.HasBestPrice)
<font color="#333333" face="Arial, Helvetica, sans-serif" size="2" style="text-align:left;" >De:
<del>$product.ListPrice</del></font>
<br
/> #end
<font color="#333333" face="Arial, Helvetica, sans-serif" size="2" style="text-align:left;" >Por:</font> <font
color="#333333" face="Arial, Helvetica, sans-serif" size="2" style="text-align:left;">
<strong>$product.BestPrice</strong>
<font color="#333333" size="2" face="Arial, Helvetica, sansserif"> #if ($product.NumbersOfInstallment > 1)
${product.NumbersOfInstallment}x de $product.InstallmentValue
#else
à vista
#end
</font>
</font>
</p>
<p style="margin-left:30px;"><a
href="$uri?utm_source=VTEXCEM&utm_medium=Abandono_carrinho&utm_campaign=Abandono"><img
src="http://dominioloja.com.br/crm/bt-comprar-news-carrinho.jpg" alt="Comprar" width="177" height="36" border="0"/></a></p>
</td>
</tr>
</table>
Obs1.: Para usar esse exemplo de código, basta alterar o endereço da imagem do botão
comprar que está destacado em vermelho.
Obs2.: Se desejar alterar o tamanho da imagem do produto, altere na tag product.GetImageTag.
6 de fevereiro de 2014
6
ABANDONED CART - TEMPLATE E-MAIL.DOCX
3.2
ANEXO II: TEMPLATE DE PÁGINA:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:vtex="http://www.vtex.com.br/2009/vtex-common"
xmlns:vtex.cmc="http://www.vtex.com.br/2009/vtex-commerce">
<head>
<title>Aproveite a oportunidade e finalize sua compra!</title>
<meta http- equiv="Content-Type" content="text/html; charset=iso-88591" /> </head>
<body>
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td><table width="697" cellpadding="0" cellspacing="0"
border="0" align="center"> <tr>
<td><a
href="http://www.dominioloja.com.br/?utm_source=VTEXCEM&amp;utm_medium=Abandono_carrinho&amp;utm_campaign=Abandono"
target="_blank" style="text-decoration:none" alt="COMPRE AGORA" title="COMPRE AGORA"><img
src="http://cdn.dominioloja.com.br/padrao2/00.jpg" alt="Dominioloja.com.br" width="697" height="131" border="0" style="display:block"
/></a></td>
</tr>
</table>
<table width="697" cellpadding="0" cellspacing="0" border="0"
align="center"> <tr>
<td><a href="http://www.dominioloja.com.br/vestuariofeminino?utm_source=VTEXCEM&amp;utm_medium=Abandono_carrinho&amp;utm_campaign=Abandono"
target="_blank"><img src="http://cdn.dominioloja.com.br/padrao2/01.jpg" width="228" height="23" border="0" /></a></td>
<td><a href="http://www.dominioloja.com.br/vestuariomasculino?utm_source=VTEXCEM&amp;utm_medium=Abandono_carrinho&amp;utm_campaign=Abandono"
target="_blank"><img src="http://cdn.dominioloja.com.br/padrao2/02.jpg" width="203" height="23" border="0" /></a></td>
<td><a
href="http://www.dominioloja.com.br/?utm_source=VTEXCEM&amp;utm_medium=Abandono_carrinho&amp;utm_campaign=Abandono"
target="_blank"><img src="http://cdn.dominioloja.com.br/padrao2/03.jpg" width="151" height="23" border="0" /></a></td>
<td><a
href="http://www.dominioloja.com.br/busca/?fq=H:226&amp;PS=48&amp;utm_source=VTEXCEM&amp;utm_medium=Abandono_carrinho&amp;
utm_campaign=Abandono" target="_blank"><img src="http://cdn.dominioloja.com.br/padrao2/04.jpg" width="115" height="23" border="0" /></a></td>
</tr>
</table>
<table width="697" cellpadding="0" cellspacing="0" border="0"
align="center"> <tr>
<td><a
href="http://www.dominioloja.com.br/?utm_source=Abandono&amp;utm_medium=VTEX&amp;utm_campaign=Abandono" target="_blank"
style="text-decoration:none" alt="COMPRE AGORA" title="COMPRE AGORA"><img src="http://cdn.dominioloja.com.br/abandono/news/00.jpg"
alt="Dominioloja.com.br" width="697" height="232" border="0" style="display:block" /></a></td>
</tr>
</table>
<table background="http://cdn.dominioloja.com.br/abandono/news/05.jpg" width="697" cellpadding="0"
cellspacing="0" border="0" align="center">
<tr>
<td style="padding:20px 60px 20px 60px"><font face="Verdana"
size="3" color="#5f5f5f"><b>[[Olá, {!Nome}!]],</b></font><font face="Verdana" size="2" color="#5f5f5f"><b><br/>
<br/>
Confira os produtos escolhidos por você.</b></font></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0"
align="center"> <tr>
<td
background="http://cdn.dominioloja.com.br/abandono/news/04.jpg"><vtex.cmc:ProductQueryStringReferenceShelf layout="44c0752d-c4bd4c3e-b186-97e15cd3f52d" itemCount="100" columnCount="100" showUnavailable="true" isTrackable="true" InternalCampaign="Carrinho
abandonado" InternalPart="Prateleira destaque"/></td>
</tr>
<tr>
<td><a href="
http://www.dominioloja.com.br/checkout/cart/{!rclastcart}&utm_source=VTEXCEM&amp;utm_medium=VTEX&amp;utm_campaign=Abandono "
target="_blank" style="text-decoration:none" alt="COMPRE AGORA" title="COMPRE AGORA"><img
src="http://cdn.dominioloja.com.br/abandono/news/03.jpg" alt="Dominioloja.com.br" width="697" height="75" border="0" style="display:block"
/></a></td>
</tr>
6 de fevereiro de 2014
7
ABANDONED CART - TEMPLATE E-MAIL.DOCX
</table>
<table width="697" cellpadding="0" cellspacing="0" border="0"
align="center"> <tr>
<td><a
href="http://www.dominioloja.com.br/?utm_source=VTEXCEM&amp;utm_medium=Abandono_carrinho&amp;utm_campaign=Abandono"><img
src="http://cdn.dominioloja.com.br/padrao/09.jpg" alt="Dominioloja.com.br" width="697" height="148" border="0" style="display:block" /></a></td>
</tr>
</table>
<table width="697" cellpadding="0" cellspacing="0" border="0"
align="center"> <tr>
<td align="center"><p><font color="#666666" size="1" face="Verdana, Arial,
Helvetica, sans-serif"><strong>POLÍTICA DE PRIVACIDADE</strong></font></p>
<p><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sansserif">Nos comprometemos com a privacidade e a segurança dos clientes. Por isso, não divulgamos seus dados cadastrais para terceiros,
exceto quando estas informações são necessárias para o processo de entrega, cobrança ou participação em promoções que o cliente tenha
solicitado.</font></p>
<br />
<br /></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
6 de fevereiro de 2014
8

Documentos relacionados

• New K1ck Counter-Strike Division

• New K1ck Counter-Strike Division

 K1ck...

Leia mais