pelcasandra · Oct 27, 2026 · Oct 27, 2026 · Oct 27, 2026
diff --git a/_data/editorial/en.yml b/_data/editorial/en.yml
@@ -409,3 +409,24 @@ custom-bcc29206ce14b1ed:
       time: '10:00'
   id: custom-bcc29206ce14b1ed
   type: messages
+custom-8c762f8c1e7828a2:
+  version: 1
+  title: A WhatsApp campaign introducing new arrivals
+  caption: Illustrative WhatsApp example from Luma, aligned with a campaign preview
+    using fictitious data. The new-arrivals link and Unsubscribe are inert. It does
+    not establish a send, Meta approval or delivery.
+  panels:
+  - label: Club new arrivals
+    context: One-time campaign for an audience that accepts WhatsApp; demonstration
+      content.
+    channel: whatsapp
+    business: Luma
+    messages:
+    - type: buttons
+      side: business
+      text: 'Hi Sofía, explore the Club’s new arrivals and choose your favorite: https://example.com/campaign-fixture.'
+      time: '10:00'
+      actions:
+      - Unsubscribe
+  id: custom-8c762f8c1e7828a2
+  type: messages
diff --git a/_data/editorial/es.yml b/_data/editorial/es.yml
@@ -414,3 +414,25 @@ custom-e5d0ebc899b77888:
       time: '10:00'
   id: custom-e5d0ebc899b77888
   type: messages
+custom-e5e9a9e137eaff6e:
+  version: 1
+  title: Una campaña de WhatsApp para presentar novedades
+  caption: Ejemplo ilustrativo de WhatsApp de Luma, alineado con la vista previa de
+    una campaña con datos ficticios. El enlace de novedades y Detener son inertes.
+    No acredita un envío, una aprobación de Meta ni una entrega.
+  panels:
+  - label: Novedades del Club
+    context: Campaña puntual para una audiencia que acepta WhatsApp; contenido de
+      demostración.
+    channel: whatsapp
+    business: Luma
+    messages:
+    - type: buttons
+      side: business
+      text: 'Hola Sofía, mira las novedades del Club y elige tu favorito: https://example.com/campaign-fixture.
+        BAJA para salir'
+      time: '10:00'
+      actions:
+      - Detener
+  id: custom-e5e9a9e137eaff6e
+  type: messages
diff --git a/_i18n/en/campaigns/creating-a-campaign.md b/_i18n/en/campaigns/creating-a-campaign.md
diff --git a/_i18n/es/campaigns/creating-a-campaign.md b/_i18n/es/campaigns/creating-a-campaign.md
diff --git a/_includes/editorial/en/custom-8c762f8c1e7828a2.html b/_includes/editorial/en/custom-8c762f8c1e7828a2.html
@@ -0,0 +1,56 @@
+{% raw %}
+<!-- BEGIN app/components/editorial/figure_component.html.erb
+--><figure class="ht-editorial-visual ht-editorial-visual--messages" data-editorial-visual="custom-8c762f8c1e7828a2" aria-label="A WhatsApp campaign introducing new arrivals">
+  <div class="ht-editorial-visual__stage" data-editorial-channel="whatsapp">
+      <div class="ht-editorial-visual__panels">
+          <section class="ht-editorial-visual__panel" aria-label="Club new arrivals" aria-description="One-time campaign for an audience that accepts WhatsApp; demonstration content." 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">
+    <span class="ht-editorial-visual__message-text">Hi Sofía, explore the Club’s new arrivals and choose your favorite: https://example.com/campaign-fixture.</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">Unsubscribe</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 Luma, aligned with a campaign preview using fictitious data. The new-arrivals link and Unsubscribe are inert. It does not establish a send, Meta approval or delivery.</figcaption>
+</figure><!-- END app/components/editorial/figure_component.html.erb -->
+{% endraw %}
diff --git a/_includes/editorial/es/custom-e5e9a9e137eaff6e.html b/_includes/editorial/es/custom-e5e9a9e137eaff6e.html
@@ -0,0 +1,56 @@
+{% raw %}
+<!-- BEGIN app/components/editorial/figure_component.html.erb
+--><figure class="ht-editorial-visual ht-editorial-visual--messages" data-editorial-visual="custom-e5e9a9e137eaff6e" aria-label="Una campaña de WhatsApp para presentar novedades">
+  <div class="ht-editorial-visual__stage" data-editorial-channel="whatsapp">
+      <div class="ht-editorial-visual__panels">
+          <section class="ht-editorial-visual__panel" aria-label="Novedades del Club" aria-description="Campaña puntual para una audiencia que acepta WhatsApp; contenido de demostración." 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">
+    <span class="ht-editorial-visual__message-text">Hola Sofía, mira las novedades del Club y elige tu favorito: https://example.com/campaign-fixture. BAJA para salir</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">Detener</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 Luma, alineado con la vista previa de una campaña con datos ficticios. El enlace de novedades y Detener son inertes. No acredita un envío, una aprobación de Meta ni una entrega.</figcaption>
+</figure><!-- END app/components/editorial/figure_component.html.erb -->
+{% endraw %}