HTML
====
Template HTML
-------------
Aqui se muestra el template html mencionado en https://docs.planisys.net/dmds/ftp.html#ejemplo-csv-activo
Puede copiar y pegar este bloque en cualquier editor *WYSIWYG* y modificarlo de acuerdo a sus necesidades.
Solo debe tener en cuenta que cada seccion que agregue en vertical, debe ser o una nueva tabla, o una *row* (
) de una tabla existente.
Para lograr mayores subdivisiones, puede incluir tablas dentro de tablas.
En las piezas de e-mail no se utiliza **div** de HTML, sino **table**.
.. code-block::
Your Email Subject
|
Hola XYZNOMBREXYZ XYZAPELLIDOXYZ!
🎉 Exciting News! Nueva versión 🚀 disponible para Free-Trial 🎈😵
Please click here for more information
Best regards,
Planisys - Cibersecurity
|
Planisys 2023 © all rights reserved.
801 Brickell Ave. Suite #800
Miami FL, 33131
Desuscribirse de nuestros mails.
|
Template MJML
-------------
Tambien se puede utilizar el sitio https://mjml.io para armar piezas de mail, ejemplo de template:
.. code-block::
.body-section {
-webkit-box-shadow: 1px 4px 11px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 4px 11px 0px rgba(0, 0, 0, 0.15);
box-shadow: 1px 4px 11px 0px rgba(0, 0, 0, 0.15);
}
.text-link {
color: #5e6ebf
}
.footer-link {
color: #888888
}
Estimado XYZNOMBREXYZ
- Lorem ipsum dolor: Sit amet consectetur adipisicing elit.
- Quia a assumenda nulla: Repudiandae accusamus obcaecati voluptatibus accusantium perspiciatis.
- Tempora culpa porro labore: In quisquam optio quibusdam fugiat perspiciatis nobis.
Free Trial
Planisys 2023 © all rights reserved
801 Brickell Ave. Suite #800
Miami FL, 33131
Desuscribirse
Template HTML correspondiente a MJML
------------------------------------
El sitio mjml.io nos permite la traducción a HTML del template MJML anterior. El código HTML se puede acceder en https://imagenes.planisys.com/Planisys-Template-MJML.html
La vista de esta URL en un celular/móvil es:
.. image:: mjml-view-mobile.jpg
Y ésta es la vista desktop
.. image:: mjml-view-desktop.jpg
Letras con acento - Unicode
---------------------------
á - á (Lowercase "a" with acute accent)
é - é (Lowercase "e" with acute accent)
í - í (Lowercase "i" with acute accent)
ó - ó (Lowercase "o" with acute accent)
ú - ú (Lowercase "u" with acute accent)
ü - ü (Lowercase "u" with umlaut/diaeresis)
ñ - ñ (Lowercase "n" with tilde)
Ñ - Ñ (Uppercase "N" with tilde)
Emojis - Unicode
----------------
Antes que nada, debe conocer el código **Unicode** de los Emojis, de la pagina https://unicode.org/emoji/charts/emoji-list.html.
P.ej. ``😵``
Aqui tiene mas ejemplos
😊 - Smiling Face with Smiling Eyes: 😊
😂 - Face with Tears of Joy: 😂
🥰 - Smiling Face with Hearts: 🥰
😍 - Smiling Face with Heart-Eyes: 😍
🤩 - Star-Struck: 🤩
🥳 - Partying Face: 🥳
😎 - Smiling Face with Sunglasses: 😎
🤗 - Hugging Face: 🤗
🤔 - Thinking Face: 🤔
😴 - Sleeping Face: 😴
🤢 - Nauseated Face: 🤢
🥺 - Pleading Face: 🥺
😱 - Face Screaming in Fear: 😱
🥶 - Cold Face: 🥶
😇 - Smiling Face with Halo: 😇
😈 - Smiling Face with Horns: 😈
🥴 - Woozy Face: 🥴
🤯 - Exploding Head: 🤯
🤬 - Face with Symbols on Mouth: 🤬
🤮 - Face Vomiting: 🤮
💻 - Laptop Computer: 💻
🖥️ - Desktop Computer: 🖥
📱 - Mobile Phone: 📱
📟 - Pager: 📟
⌨️ - Keyboard: ⌨
🖱️ - Computer Mouse: 🖱
🖲️ - Trackball: 🖲
🕹️ - Joystick: 🕹
🗜️ - Clamp: 🗜
📷 - Camera: 📷
🎥 - Movie Camera: 🎥
📹 - Video Camera: 📹
📼 - Videocassette: 📼
📡 - Satellite Antenna: 📡
📺 - Television: 📺
🎮 - Video Game Controller: 🎮
🎧 - Headphone: 🎧
🔋 - Battery: 🔋
🔌 - Electric Plug: 🔌
⚡ - High Voltage Sign: ⚡
➡️ - Right Arrow: ➡
⬅️ - Left Arrow: ⬅
⬆️ - Up Arrow: ⬆
⬇️ - Down Arrow: ⬇
↔️ - Left-Right Arrow: ↔
↕️ - Up-Down Arrow: ↕
↖️ - Up-Left Arrow: ↖
↗️ - Up-Right Arrow: ↗
↘️ - Down-Right Arrow: ↘
↙️ - Down-Left Arrow: ↙
↩️ - Leftwards Arrow with Hook: ↩
↪️ - Rightwards Arrow with Hook: ↪
🔀 - Shuffle Tracks Button: 🔀
🔁 - Repeat Button: 🔁
🔂 - Repeat Single Button: 🔂
🔄 - Counterclockwise Arrows Button: 🔄
🔼 - Upwards Button: 🔼
⏫ - Fast Up Button: ⏫
🔽 - Downwards Button: 🔽
⏬ - Fast Down Button: ⏬
🚗 - Car: 🚗
🚕 - Taxi: 🚕
🚙 - Sport Utility Vehicle: 🚙
🚚 - Delivery Truck: 🚚
🚛 - Articulated Lorry: 🚛
🚜 - Tractor: 🚜
🏍️ - Motorcycle: 🏍
🛵 - Motor Scooter: 🛵
🚲 - Bicycle: 🚲
🛴 - Kick Scooter: 🛴
🛺 - Auto Rickshaw: 🛺
🚃 - Railway Car: 🚃
🚄 - High-Speed Train: 🚄
🚅 - Bullet Train: 🚅
🚈 - Light Rail: 🚈
🚞 - Mountain Railway: 🚞
🚆 - Train: 🚆
🚇 - Metro: 🚇
🚉 - Station: 🚉
✈️ - Airplane: ✈
🌏 - Earth Globe Asia-Australia: 🌏
🌎 - Earth Globe Americas: 🌎
🌐 - Globe with Meridians: 🌐
🌑 - New Moon: 🌑
🌒 - Waxing Crescent Moon: 🌒
🌓 - First Quarter Moon: 🌓
🌔 - Waxing Gibbous Moon: 🌔
🌕 - Full Moon: 🌕
🌖 - Waning Gibbous Moon: 🌖
🌗 - Last Quarter Moon: 🌗
🌘 - Waning Crescent Moon: 🌘
🌙 - Crescent Moon: 🌙
🌚 - New Moon Face: 🌚
🌛 - First Quarter Moon Face: 🌛
🌜 - Last Quarter Moon Face: 🌜
🌝 - Full Moon Face: 🌝
🌞 - Sun with Face: 🌞
🌟 - Glowing Star: 🌟
🌠 - Shooting Star: 🌠
🌌 - Milky Way: 🌌
📧 - E-Mail: 📧
📨 - Incoming Envelope: 📨
📩 - Envelope with Arrow: 📩
📤 - Outbox Tray: 📤
📥 - Inbox Tray: 📥
📦 - Package: 📦
📫 - Closed Mailbox with Raised Flag: 📫
📪 - Closed Mailbox with Lowered Flag: 📪
📬 - Open Mailbox with Raised Flag: 📬
📭 - Open Mailbox with Lowered Flag: 📭
📮 - Postbox: 📮
🗳️ - Ballot Box with Ballot: 🗳
🗂️ - Card Index Dividers: 🗂
🗒️ - Spiral Notepad: 🗒
🗓️ - Spiral Calendar: 🗓
📋 - Clipboard: 📋
📝 - Memo: 📝
📜 - Scroll: 📜
📑 - Bookmark Tabs: 📑
🔒 - Locked: 🔒
🔓 - Unlocked: 🔓
🛡️ - Shield: 🛡
🚪 - Door: 🚪
🗝️ - Key: 🗝
🕳️ - Hole: 🕳
🕷️ - Spider: 🕷
🕸️ - Spider Web: 🕸
🌐 - Globe with Meridians: 🌐
🌐 - Earth Globe Americas: 🌎
🌐 - Earth Globe Asia-Australia: 🌏
📡 - Satellite Antenna: 📡
🌐 - Globe with Meridians: 🌐
📶 - Antenna Bars: 📶
📱 - Mobile Phone: 📱
📲 - Mobile Phone with Arrow: 📲
🛡️ - Shield: 🛡
🚫 - Prohibited: ⛔
⚠️ - Warning: ⚠
🤖 - Robot Face: 🤖
📥 - Inbox Tray: 📥
📤 - Outbox Tray: 📤