Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 25 additions & 0 deletions _data/editorial/en.yml
Original file line number Diff line number Diff line change
Expand Up @@ -430,3 +430,28 @@ custom-8c762f8c1e7828a2:
- Unsubscribe
id: custom-8c762f8c1e7828a2
type: messages
custom-f7a216b444d71195:
version: 1
title: A back-in-stock alert
caption: 'Illustrative WhatsApp example from the fictional store Luma: a restocked
product and an inert action to review its details. It does not represent a message
generated, sent, or received by a real customer.'
panels:
- label: Back in stock
context: A product is available again; the example does not imply reserved stock
or an explicit restock request.
channel: whatsapp
business: Luma
messages:
- type: image
side: business
text: The mauve Crocs Classic Clog is available again. Check the product details
and current stock before you buy.
time: '10:00'
image:
src: https://help.hellotext.com/images/editorial/assets/homepage/proposals/crocs-classic-clog-malva-ecuador-cutout.png
alt: Mauve Crocs Classic Clog
actions:
- View product
id: custom-f7a216b444d71195
type: messages
25 changes: 25 additions & 0 deletions _data/editorial/es.yml
Original file line number Diff line number Diff line change
Expand Up @@ -436,3 +436,28 @@ custom-e5e9a9e137eaff6e:
- Detener
id: custom-e5e9a9e137eaff6e
type: messages
custom-1d37399b8498476e:
version: 1
title: Una alerta de vuelta a stock
caption: 'Ejemplo ilustrativo de WhatsApp de la tienda ficticia Luma: un producto
repuesto y una acción inerte para revisar sus detalles. No representa un mensaje
generado, enviado ni recibido por un cliente real.'
panels:
- label: Vuelta a stock
context: Un producto vuelve a estar disponible; el ejemplo no implica una reserva
ni una solicitud expresa de aviso.
channel: whatsapp
business: Luma
messages:
- type: image
side: business
text: Los Crocs Classic Clog Malva volvieron a estar disponibles. Revisa los
detalles y el stock actual antes de comprar.
time: '10:00'
image:
src: https://help.hellotext.com/images/editorial/assets/homepage/proposals/crocs-classic-clog-malva-ecuador-cutout.png
alt: Crocs Classic Clog en color malva
actions:
- Ver producto
id: custom-1d37399b8498476e
type: messages
133 changes: 116 additions & 17 deletions _i18n/en/journeys/back-in-stock-pounce.md

Large diffs are not rendered by default.

133 changes: 116 additions & 17 deletions _i18n/es/journeys/back-in-stock-pounce.md

Large diffs are not rendered by default.

57 changes: 57 additions & 0 deletions _includes/editorial/en/custom-f7a216b444d71195.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
{% raw %}
<!-- BEGIN app/components/editorial/figure_component.html.erb
--><figure class="ht-editorial-visual ht-editorial-visual--messages" data-editorial-visual="custom-f7a216b444d71195" aria-label="A back-in-stock alert">
<div class="ht-editorial-visual__stage" data-editorial-channel="whatsapp">
<div class="ht-editorial-visual__panels">
<section class="ht-editorial-visual__panel" aria-label="Back in stock" aria-description="A product is available again; the example does not imply reserved stock or an explicit restock request." data-editorial-channel="whatsapp">
<!-- BEGIN app/components/marketing/phone_component.html.erb
--><div aria-label="Luma · WhatsApp" class="ht-phone ht-phone--editorial ht-phone--whatsapp" role="group">
<div class="ht-phone__inside">

<!-- BEGIN app/components/editorial/channel_preview_component.html.erb
--> <div class="ht-editorial-visual__channel-header">
<span class="ht-editorial-visual__avatar" aria-hidden="true">
L
</span>
<span class="ht-editorial-visual__identity">
<strong class="ht-editorial-visual__business">Luma</strong>
<span class="ht-editorial-visual__channel-name">WhatsApp</span>
</span>
<span class="ht-editorial-visual__header-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M5.75 7.14C5.75 8.52 4.63 9.64 3.25 9.64C1.87 9.64 0.75 8.52 0.75 7.14V7C0.75 6.54 0.87 6.1 1.1 5.71L3.43 1.83C3.84 1.16 4.56 0.75 5.34 0.75H16.16C16.94 0.75 17.66 1.16 18.06 1.83L20.39 5.71C20.63 6.1 20.75 6.55 20.75 7V7.14C20.75 8.52 19.63 9.64 18.25 9.64C16.87 9.64 15.75 8.52 15.75 7.14M5.75 6.31V7.14C5.75 8.52 6.87 9.64 8.25 9.64C9.63 9.64 10.75 8.52 10.75 7.14V6.31M10.75 7.14C10.75 8.52 11.87 9.64 13.25 9.64C14.63 9.64 15.75 8.52 15.75 7.14M15.75 7.14V6.31M19.64 9.22V17.42C19.64 18.65 18.65 19.64 17.42 19.64H4.08C2.85 19.64 1.86 18.65 1.86 17.42V9.22M5.19 19.64V14.92C5.19 13.85 6.06 12.98 7.13 12.98C8.2 12.98 9.08 13.85 9.08 14.93V19.65M20.65 6.31H0.85M15.19 12.98H14.09C13.17 12.98 12.42 13.73 12.42 14.64C12.42 15.56 13.17 16.31 14.09 16.31H15.19C16.11 16.31 16.86 15.56 16.86 14.64C16.86 13.73 16.11 12.98 15.19 12.98Z" stroke="#726885" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></span>
</div>
<div class="ht-editorial-visual__messages" tabindex="0">
<!-- BEGIN app/components/editorial/message_content_component.html.erb
--> <!-- BEGIN app/components/marketing/message_bubble_component.html.erb
--> <div class="ht-editorial-visual__message ht-editorial-visual__message--business">
<img alt="Mauve Crocs Classic Clog" loading="lazy" decoding="async" class="ht-editorial-visual__message-image" src="https://help.hellotext.com/images/editorial/assets/homepage/proposals/crocs-classic-clog-malva-ecuador-cutout.png" />
<span class="ht-editorial-visual__message-text">The mauve Crocs Classic Clog is available again. Check the product details and current stock before you buy.</span>
<time class="ht-editorial-visual__message-time">10:00</time>
<div class="ht-editorial-visual__message-actions">
<span class="ht-editorial-visual__message-action">View product</span>
</div>
</div>
<!-- END app/components/marketing/message_bubble_component.html.erb -->
<!-- END app/components/editorial/message_content_component.html.erb -->
</div>
<div class="ht-editorial-visual__composer" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class="ht-editorial-visual__composer-plus">
<g fill="none">
<path d="M5 12h14M12 5v14" stroke="currentColor" stroke-linecap="round"></path>
</g>
</svg>
<span class="ht-editorial-visual__composer-input"></span>
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" overflow="visible" style="display: block;" width="34" height="19" viewBox="0 0 34 19" fill="none" aria-hidden="true" class="ht-editorial-visual__composer-camera">
<g id="Camera">
<path id="Shape" d="M24.8096 0C25.4497 6.99014e-05 26.0675 0.240719 26.543 0.674805L27.3125 1.37793C27.6809 1.71429 28.1477 1.91708 28.6387 1.95801L28.8232 1.96582C31.6821 1.96582 34 4.3123 34 7.20703V13.7588C33.9999 16.6534 31.6821 19 28.8232 19H17.1768C14.3179 19 12.0001 16.6534 12 13.7588V7.20703C12 4.3123 14.3179 1.96582 17.1768 1.96582C17.8064 1.96575 18.4141 1.7296 18.8818 1.30273L19.5693 0.673828C20.0448 0.239881 20.6626 0 21.3027 0H24.8096ZM21.3027 1.2002C20.9625 1.2002 20.6336 1.32814 20.3789 1.56055L19.6904 2.18848C19.0593 2.76449 18.254 3.10537 17.4082 3.1582L16.9785 3.1709C14.8775 3.27581 13.2002 5.03945 13.2002 7.20703V13.7588C13.2003 15.994 14.984 17.7998 17.1768 17.7998H28.8232C31.016 17.7998 32.7997 15.994 32.7998 13.7588V7.20703C32.7998 4.97171 31.0161 3.1651 28.7734 3.16406L28.5391 3.15332C27.7825 3.09026 27.067 2.77781 26.5039 2.26367L25.7334 1.56055C25.4788 1.32807 25.1498 1.20027 24.8096 1.2002H21.3027ZM23 5.00488C25.7614 5.00488 27.9999 7.24351 28 10.0049C28 12.7663 25.7614 15.0049 23 15.0049C20.2386 15.0049 18 12.7663 18 10.0049C18.0001 7.24351 20.2386 5.00488 23 5.00488ZM23 6.20508C20.9014 6.20508 19.2003 7.90625 19.2002 10.0049C19.2002 12.1036 20.9013 13.8047 23 13.8047C25.0987 13.8047 26.7998 12.1036 26.7998 10.0049C26.7997 7.90625 25.0986 6.20508 23 6.20508Z" fill="#007AFF" style="fill:#007AFF;fill:color(display-p3 0.0000 0.4784 1.0000);fill-opacity:1;"></path>
</g>
</svg>
</div>
<!-- END app/components/editorial/channel_preview_component.html.erb -->

</div>
</div><!-- END app/components/marketing/phone_component.html.erb --></section> </div>
</div> <figcaption class="ht-editorial-visual__caption">Illustrative WhatsApp example from the fictional store Luma: a restocked product and an inert action to review its details. It does not represent a message generated, sent, or received by a real customer.</figcaption>
</figure><!-- END app/components/editorial/figure_component.html.erb -->
{% endraw %}
57 changes: 57 additions & 0 deletions _includes/editorial/es/custom-1d37399b8498476e.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
{% raw %}
<!-- BEGIN app/components/editorial/figure_component.html.erb
--><figure class="ht-editorial-visual ht-editorial-visual--messages" data-editorial-visual="custom-1d37399b8498476e" aria-label="Una alerta de vuelta a stock">
<div class="ht-editorial-visual__stage" data-editorial-channel="whatsapp">
<div class="ht-editorial-visual__panels">
<section class="ht-editorial-visual__panel" aria-label="Vuelta a stock" aria-description="Un producto vuelve a estar disponible; el ejemplo no implica una reserva ni una solicitud expresa de aviso." data-editorial-channel="whatsapp">
<!-- BEGIN app/components/marketing/phone_component.html.erb
--><div aria-label="Luma · WhatsApp" class="ht-phone ht-phone--editorial ht-phone--whatsapp" role="group">
<div class="ht-phone__inside">

<!-- BEGIN app/components/editorial/channel_preview_component.html.erb
--> <div class="ht-editorial-visual__channel-header">
<span class="ht-editorial-visual__avatar" aria-hidden="true">
L
</span>
<span class="ht-editorial-visual__identity">
<strong class="ht-editorial-visual__business">Luma</strong>
<span class="ht-editorial-visual__channel-name">WhatsApp</span>
</span>
<span class="ht-editorial-visual__header-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
<path d="M5.75 7.14C5.75 8.52 4.63 9.64 3.25 9.64C1.87 9.64 0.75 8.52 0.75 7.14V7C0.75 6.54 0.87 6.1 1.1 5.71L3.43 1.83C3.84 1.16 4.56 0.75 5.34 0.75H16.16C16.94 0.75 17.66 1.16 18.06 1.83L20.39 5.71C20.63 6.1 20.75 6.55 20.75 7V7.14C20.75 8.52 19.63 9.64 18.25 9.64C16.87 9.64 15.75 8.52 15.75 7.14M5.75 6.31V7.14C5.75 8.52 6.87 9.64 8.25 9.64C9.63 9.64 10.75 8.52 10.75 7.14V6.31M10.75 7.14C10.75 8.52 11.87 9.64 13.25 9.64C14.63 9.64 15.75 8.52 15.75 7.14M15.75 7.14V6.31M19.64 9.22V17.42C19.64 18.65 18.65 19.64 17.42 19.64H4.08C2.85 19.64 1.86 18.65 1.86 17.42V9.22M5.19 19.64V14.92C5.19 13.85 6.06 12.98 7.13 12.98C8.2 12.98 9.08 13.85 9.08 14.93V19.65M20.65 6.31H0.85M15.19 12.98H14.09C13.17 12.98 12.42 13.73 12.42 14.64C12.42 15.56 13.17 16.31 14.09 16.31H15.19C16.11 16.31 16.86 15.56 16.86 14.64C16.86 13.73 16.11 12.98 15.19 12.98Z" stroke="#726885" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></span>
</div>
<div class="ht-editorial-visual__messages" tabindex="0">
<!-- BEGIN app/components/editorial/message_content_component.html.erb
--> <!-- BEGIN app/components/marketing/message_bubble_component.html.erb
--> <div class="ht-editorial-visual__message ht-editorial-visual__message--business">
<img alt="Crocs Classic Clog en color malva" loading="lazy" decoding="async" class="ht-editorial-visual__message-image" src="https://help.hellotext.com/images/editorial/assets/homepage/proposals/crocs-classic-clog-malva-ecuador-cutout.png" />
<span class="ht-editorial-visual__message-text">Los Crocs Classic Clog Malva volvieron a estar disponibles. Revisa los detalles y el stock actual antes de comprar.</span>
<time class="ht-editorial-visual__message-time">10:00</time>
<div class="ht-editorial-visual__message-actions">
<span class="ht-editorial-visual__message-action">Ver producto</span>
</div>
</div>
<!-- END app/components/marketing/message_bubble_component.html.erb -->
<!-- END app/components/editorial/message_content_component.html.erb -->
</div>
<div class="ht-editorial-visual__composer" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" class="ht-editorial-visual__composer-plus">
<g fill="none">
<path d="M5 12h14M12 5v14" stroke="currentColor" stroke-linecap="round"></path>
</g>
</svg>
<span class="ht-editorial-visual__composer-input"></span>
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" overflow="visible" style="display: block;" width="34" height="19" viewBox="0 0 34 19" fill="none" aria-hidden="true" class="ht-editorial-visual__composer-camera">
<g id="Camera">
<path id="Shape" d="M24.8096 0C25.4497 6.99014e-05 26.0675 0.240719 26.543 0.674805L27.3125 1.37793C27.6809 1.71429 28.1477 1.91708 28.6387 1.95801L28.8232 1.96582C31.6821 1.96582 34 4.3123 34 7.20703V13.7588C33.9999 16.6534 31.6821 19 28.8232 19H17.1768C14.3179 19 12.0001 16.6534 12 13.7588V7.20703C12 4.3123 14.3179 1.96582 17.1768 1.96582C17.8064 1.96575 18.4141 1.7296 18.8818 1.30273L19.5693 0.673828C20.0448 0.239881 20.6626 0 21.3027 0H24.8096ZM21.3027 1.2002C20.9625 1.2002 20.6336 1.32814 20.3789 1.56055L19.6904 2.18848C19.0593 2.76449 18.254 3.10537 17.4082 3.1582L16.9785 3.1709C14.8775 3.27581 13.2002 5.03945 13.2002 7.20703V13.7588C13.2003 15.994 14.984 17.7998 17.1768 17.7998H28.8232C31.016 17.7998 32.7997 15.994 32.7998 13.7588V7.20703C32.7998 4.97171 31.0161 3.1651 28.7734 3.16406L28.5391 3.15332C27.7825 3.09026 27.067 2.77781 26.5039 2.26367L25.7334 1.56055C25.4788 1.32807 25.1498 1.20027 24.8096 1.2002H21.3027ZM23 5.00488C25.7614 5.00488 27.9999 7.24351 28 10.0049C28 12.7663 25.7614 15.0049 23 15.0049C20.2386 15.0049 18 12.7663 18 10.0049C18.0001 7.24351 20.2386 5.00488 23 5.00488ZM23 6.20508C20.9014 6.20508 19.2003 7.90625 19.2002 10.0049C19.2002 12.1036 20.9013 13.8047 23 13.8047C25.0987 13.8047 26.7998 12.1036 26.7998 10.0049C26.7997 7.90625 25.0986 6.20508 23 6.20508Z" fill="#007AFF" style="fill:#007AFF;fill:color(display-p3 0.0000 0.4784 1.0000);fill-opacity:1;"></path>
</g>
</svg>
</div>
<!-- END app/components/editorial/channel_preview_component.html.erb -->

</div>
</div><!-- END app/components/marketing/phone_component.html.erb --></section> </div>
</div> <figcaption class="ht-editorial-visual__caption">Ejemplo ilustrativo de WhatsApp de la tienda ficticia Luma: un producto repuesto y una acción inerte para revisar sus detalles. No representa un mensaje generado, enviado ni recibido por un cliente real.</figcaption>
</figure><!-- END app/components/editorial/figure_component.html.erb -->
{% endraw %}
Loading
Loading