{"id":29662,"date":"2022-11-15T09:06:00","date_gmt":"2022-11-15T09:06:00","guid":{"rendered":"https:\/\/doc.probance.com\/?post_type=tutoriels&#038;p=29662"},"modified":"2026-02-11T15:00:31","modified_gmt":"2026-02-11T15:00:31","slug":"preparacion-de-las-plantillas-especificaciones-graficas-a-proporcionar","status":"publish","type":"tutoriels","link":"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/preparacion-de-las-plantillas-especificaciones-graficas-a-proporcionar\/","title":{"rendered":"Preparaci\u00f3n de las plantillas: Especificaciones gr\u00e1ficas a proporcionar"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><em>Durante la implementaci\u00f3n de tu aplicaci\u00f3n, Probance pone a tu disposici\u00f3n una plantilla gen\u00e9rica personalizada. A continuaci\u00f3n te presentamos los elementos b\u00e1sicos de una plantilla<\/em> <em>y el material que es necesario enviar para su preparaci\u00f3n.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Pre-requisitos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para poder preparar las plantillas, los siguientes elementos deben ser proporcionados a tu jefe de proyecto:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Elementos b\u00e1sicos necesarios<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Logo<\/strong> (en alta definici\u00f3n, m\u00e1ximo 5\u202fMB, en 181&#215;181 px en formato PNG)<\/li>\n\n\n\n<li><strong>C\u00f3digos de colores<\/strong><\/li>\n\n\n\n<li><strong>Enlaces<\/strong> (redes sociales, p\u00e1ginas espec\u00edficas de tu sitio web)<\/li>\n\n\n\n<li><strong>Men\u00fa<\/strong> (m\u00e1ximo 6 pesta\u00f1as)<\/li>\n\n\n\n<li><strong>Im\u00e1genes<\/strong> (formato banner gen\u00e9rico, m\u00e1ximo 5\u202fMB, en 600&#215;300 px en formato PNG, m\u00ednimo 10 visuales)<\/li>\n\n\n\n<li><strong>Tipograf\u00edas<\/strong> (m\u00e1ximo 2 entre las siguientes: Arial \/ Arial Black \/ Comic Sans \/ Courier \/ Georgia \/ Impact \/ Lucida Console \/ Lucida Sans Unicode \/ Tahoma \/ Times New Roman \/ Trebuchet \/ Verdana \/ Roboto)<\/li>\n\n\n\n<li><strong>Pictogramas<\/strong> (visuales m\u00e1ximo 5\u202fMB en 60&#215;60 px en PNG)<\/li>\n\n\n\n<li><strong>Botones de llamada a la acci\u00f3n<\/strong> (forma, color)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Personalizaci\u00f3n que realiza Probance:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Logo<\/strong><\/li>\n\n\n\n<li><strong>Link por defecto (p\u00e1gina principal)<\/strong><\/li>\n\n\n\n<li><strong>Menu (links, colores, textos)<\/strong><\/li>\n\n\n\n<li><strong>Colores y fuente de los t\u00edtulos\/sub-t\u00edtulos<\/strong><\/li>\n\n\n\n<li><strong>Colores y fuente de los botones<\/strong><\/li>\n\n\n\n<li><strong>Colores de fondo del mensaje<\/strong><\/li>\n\n\n\n<li><strong>Presencia logos de redes sociales<\/strong><\/li>\n\n\n\n<li><strong>Pictograma de confianza y valores a\u00f1adidos<\/strong><\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-style-note is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Probance no realizar\u00e1 banners ni elementos visuales a medida<\/p>\n<\/blockquote>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Im\u00e1genes<\/strong><br>Tener im\u00e1genes de calidad es esencial para garantizar la eficacia de tus campa\u00f1as de emailing. Las im\u00e1genes desempe\u00f1an un papel clave en la personalizaci\u00f3n e impacto de tus mensajes.<br><strong>\u00bfPorqu\u00e9 proporcionar las im\u00e1genes?<br><\/strong>\u2705&nbsp;<strong>Personalizaci\u00f3n y coherencia<\/strong>: Las im\u00e1genes espec\u00edficos de tu marca aseguran una comunicaci\u00f3n que se alinea con tu indentidad visual y refuerza el reconocimiento de tu empresa a ojos de tu audiencia.<br>\u2705&nbsp;<strong>Engagement y atracci\u00f3n<\/strong>: Las im\u00e1genes bien elegidas captan la atenci\u00f3n y favorecen la interacci\u00f3n, aumentando as\u00ed la tasa de apertura y de clics.<br>\u2705&nbsp;<strong>Mensaje claro e impactante<\/strong>&nbsp;: Un visual adaptado ilustra eficazmente tu oferta o tu mensaje, facilitando la comprensi\u00f3n y la aceptaci\u00f3n de tu audiencia.<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-style-note is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>\u00bfQu\u00e9 pasa si no se facilitan im\u00e1genes?<br><\/strong>Si no se proporcionan im\u00e1genes de calidad, se usar\u00e1n las im\u00e1genes de tu sitio web, de tus redes sociales o de bancos de im\u00e1genes, con la intenci\u00f3n de un dise\u00f1o harmonioso.<br>No obstante, si no hay elementos visuales disponibles, nos reservamos el derecho de no incluir ninguna imagen en tus campa\u00f1as, para reservar la calidad y la coherencia del resultado final.<\/p>\n<\/blockquote>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Elementos de informaci\u00f3n adicionales<\/strong> que desees destacar en tus campa\u00f1as (por ejemplo: blog, programa de fidelizaci\u00f3n, localizaci\u00f3n de las tiendas f\u00edsicas, categor\u00edas destacadas&#8230;).<\/li>\n\n\n\n<li>Los <strong>textos personalizados<\/strong> para tus campa\u00f1as de emailing son indispensables para garantizar una comunicaci\u00f3n clara y y atractiva para tu audiencia.<br>Si lo deseas, puedes enviar tu propio contenido. En caso contrario, usaremos la informaci\u00f3n disponible en tu web y redes sociales para redactar tus correos electr\u00f3nicos.<\/li>\n\n\n\n<li><strong>Ejemplos de comunicaciones<\/strong> enviadas actualmente (si deseas mantener el mismo estilo).<\/li>\n\n\n\n<li>Los <strong>c\u00f3digos promocionales<\/strong> que desees incluir en tus comunicaciones (si es aplicable).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Todos estos elementos se pueden elegir antes de la preparaci\u00f3n de los modelos. Para ello, se deben dar todas las especificaciones al jefe de proyecto. Si alguna informaci\u00f3n no est\u00e1 proporcionada, el equipo de Probance seguir\u00e1 un estilo lo m\u00e1s cercano posible al de tu web.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-note is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><em><strong>Si tienes alguna petici\u00f3n espec\u00edfica referente a cualquiera de ellos, o deseas proporcionarnos material gr\u00e1fico, debes hac\u00e9rselo saber a tu jefe de proyecto.<\/strong> De lo contrario, nuestro equipo preparar\u00e1 tus plantillas bas\u00e1ndose en tu <strong>web<\/strong>, tus <strong>redes sociales <\/strong>y tu <strong>sector <\/strong>de actividad. Se<\/em> <em>programar\u00e1 un solo intercambio de feedback para cualquier cambio.<\/em><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">2. Ejemplo de plantilla<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Con la soluci\u00f3n Probance One obtendr\u00e1s una propuesta de plantilla que se presentar\u00e1 de la siguiente manera:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\" style=\"border-style:none;border-width:0px\"><tbody><tr><td><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2022\/08\/template-vf.jpg\" alt=\"trame template\" width=\"400\" height=\"1000\" srcset=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2022\/08\/template-vf.jpg 400w, https:\/\/doc.probance.com\/wp-content\/uploads\/2022\/08\/template-vf-120x300.jpg 120w, https:\/\/doc.probance.com\/wp-content\/uploads\/2022\/08\/template-vf-60x150.jpg 60w\"><\/td><td><strong>1. Acceso a la versi\u00f3n en l\u00ednea y enlace para darse de baja<\/strong>: con el enlace \u00abversi\u00f3n en l\u00ednea\u00bb, los lectores podr\u00e1n leer el correo electr\u00f3nico en su navegador si tienen dificultades para visualizarlo en la aplicaci\u00f3n de correo. El enlace para darse de baja aparece resaltado en el encabezado del correo electr\u00f3nico para garantizar que tus contactos puedan darse de baja f\u00e1cilmente.<br><br><strong>2. Logo de la empresa<\/strong>: tu logo en HD m\u00e1x. <strong>5 Mb<\/strong> en <strong>181X181 px<\/strong> en <strong>PNG<\/strong> que redirige a tu web.<br><br><strong>3. Men\u00fa<\/strong>: el men\u00fa presente en tu sitio web o en tus antiguas comunicaciones que contiene los enlaces de redireccionamiento a tu sitio web. Para una visualizaci\u00f3n \u00f3ptima, recomendamos elegir un m\u00e1ximo de 6 elementos en el men\u00fa.<br><br><strong>4. Imagen<\/strong>: elemento visual formato banner <strong>m\u00e1x. 5 Mb<\/strong> en <strong>600X300 px<\/strong> en <strong>PNG<\/strong>(con o sin texto) con redireccionamiento a tu sitio web. Recomendamos el uso de im\u00e1genes de calidad en, al menos, determinados escenarios como Bienvenida, Aniversario o Inactivos. En caso de no recibir im\u00e1genes por parte del cliente, nuestro equipo tratar\u00e1 de usar im\u00e1genes recuperadas de la web del cliente, sus redes sociales o bancos de im\u00e1genes libres de derechos de autor.<br><br><strong>5. T\u00edtulo personalizado con el nombre del contacto y texto<\/strong>: un mensaje atractivo para el p\u00fablico destinatario correspondiente al objetivo de marketing del escenario automatizado.<br><br><strong>6. Bot\u00f3n de CTA con el enlace al sitio web<\/strong>: un enlace directo a la p\u00e1gina de inicio de tu sitio web, al carrito, o a la p\u00e1gina que deseada. Adaptado al estilo de los botones utilizados en la web.<br><br><strong>7. T\u00edtulo con bloque condicional<\/strong>: el t\u00edtulo solo se mostrar\u00e1 a las personas que se corresponden con la oferta personalizada indicada, para que no se muestre cuando un cliente no tenga productos recomendados a continuaci\u00f3n.<br><br><strong>8. Bloque de producto o art\u00edculo personalizados y\/o recomendados<\/strong>: bloque de producto\/art\u00edculo en columna o en lista con el t\u00edtulo\/descripci\u00f3n\/precio\/precio tachado\/bot\u00f3n de CTA. Estos elementos pueden a\u00f1adirse o quitarse, dejando, por ejemplo, solo el t\u00edtulo, precio y bot\u00f3n.<br><br><strong>9. Pictogramas para transmitir confianza<\/strong>: im\u00e1genes <strong>m\u00e1x. 5 Mb<\/strong> en <strong>60X60 px<\/strong> en <strong>PNG<\/strong>. El objetivo es incentivar la compra, transmitir seguridad sobre los plazos de entrega, el pago seguro, el servicio de atenci\u00f3n al cliente disponible las 24 h, etc. En resumen, comunicar de manera visual y efectiva los valores a\u00f1adidos de la marca. En caso de no recibir pictogramas enviados por el cliente, nuestro equipo usar\u00e1 los que aparezcan en la web del cliente. En caso de no existir este elemento en la web, se puede crear una propuesta por parte de Probance.<br><br><strong>10. Enlaces a las redes sociales<\/strong>: enlaces a tus p\u00e1ginas en redes sociales (Instagram, Facebook, Linkedin, Pinterest, Youtube, Twitter).<br><br><strong>11. Footer<\/strong>: contiene de manera obligatoria las menciones legales y el enlace de desinscripci\u00f3n. Adem\u00e1s, se puede a\u00f1adir informaci\u00f3n de contacto, ubicaci\u00f3n, una menci\u00f3n a un compromiso, por ejemplo, con el medio ambiente, o cualquier informaci\u00f3n adicional que se considere relevante.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<div id=\"wpmem_restricted_msg\"><p>Este contenido est\u00e1 restringido a los miembros del sitio. Si eres un usuario existente, por favor, accede. Los nuevos usuarios pueden registrarse a continuaci\u00f3n.<\/p><\/div><div id=\"wpmem_login\"><a id=\"login\"><\/a><form action=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/preparacion-de-las-plantillas-especificaciones-graficas-a-proporcionar\/\" method=\"POST\" id=\"wpmem_login_form\" class=\"form\"><input type=\"hidden\" id=\"_wpmem_login_nonce\" name=\"_wpmem_login_nonce\" value=\"44c1cda505\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/es\/wp-json\/wp\/v2\/tutoriels\/29662\" \/><fieldset><legend>Acceso de usuarios existentes<\/legend><label for=\"log\">Nombre de usuario o correo electr\u00f3nico<\/label><div class=\"div_text\"><input name=\"log\" type=\"text\" id=\"log\" value=\"\" class=\"username\" required  \/><\/div><label for=\"pwd\">Contrase\u00f1a<\/label><div class=\"div_text\"><input name=\"pwd\" type=\"password\" id=\"pwd\" class=\"password\" required  \/><\/div><input name=\"a\" type=\"hidden\" value=\"login\" \/><input name=\"redirect_to\" type=\"hidden\" value=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/preparacion-de-las-plantillas-especificaciones-graficas-a-proporcionar\/\" \/><div class=\"button_div\"><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/>&nbsp;<label for=\"rememberme\">Recu\u00e9rdame<\/label>&nbsp;&nbsp;<input type=\"submit\" name=\"Submit\" value=\"Acceder\" class=\"buttons\" \/><\/div><\/fieldset><\/form><\/div><div id=\"wpmem_reg\"><a id=\"register\"><\/a><form name=\"form\" method=\"post\" action=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/preparacion-de-las-plantillas-especificaciones-graficas-a-proporcionar\/\" id=\"wpmem_register_form\" class=\"form\"><input type=\"hidden\" id=\"_wpmem_register_nonce\" name=\"_wpmem_register_nonce\" value=\"ae89b4890e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/es\/wp-json\/wp\/v2\/tutoriels\/29662\" \/><fieldset><legend>Registro de un nuevo usuario<\/legend><label for=\"username\" class=\"text\">Elige un nombre de usuario<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"username\" type=\"text\" id=\"username\" value=\"\" class=\"textbox\" required  \/><\/div><label for=\"first_name\" class=\"text\">Nombre<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"first_name\" type=\"text\" id=\"first_name\" value=\"\" class=\"textbox\" required  \/><\/div><label for=\"last_name\" class=\"text\">Apellidos<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"last_name\" type=\"text\" id=\"last_name\" value=\"\" class=\"textbox\" required  \/><\/div><label for=\"user_email\" class=\"text\">Correo electr\u00f3nico<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"user_email\" type=\"email\" id=\"user_email\" value=\"\" class=\"textbox\" required  \/><\/div><input name=\"a\" type=\"hidden\" value=\"register\" \/><input name=\"wpmem_reg_page\" type=\"hidden\" value=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/preparacion-de-las-plantillas-especificaciones-graficas-a-proporcionar\/\" \/><div class=\"button_div\"><input name=\"submit\" type=\"submit\" value=\"Registro\" class=\"buttons\" \/><\/div><div class=\"req-text\"><span class=\"req\">*<\/span>Campo necesario<\/div><\/fieldset><\/form><\/div>","protected":false},"excerpt":{"rendered":"<p>Durante la implementaci\u00f3n de tu aplicaci\u00f3n, Probance pone a tu disposici\u00f3n una plantilla gen\u00e9rica personalizada. A continuaci\u00f3n te presentamos los elementos b\u00e1sicos de una plantilla y el material que es necesario enviar para su preparaci\u00f3n. 1. Pre-requisitos Para poder preparar las plantillas, los siguientes elementos deben ser proporcionados a tu jefe de proyecto: Elementos b\u00e1sicos [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"template":"","sujets":[740],"class_list":["post-29662","tutoriels","type-tutoriels","status-publish","hentry","sujets-implementacion"],"_links":{"self":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/tutoriels\/29662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/tutoriels"}],"about":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/types\/tutoriels"}],"author":[{"embeddable":true,"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/users\/6"}],"wp:attachment":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/media?parent=29662"}],"wp:term":[{"taxonomy":"sujets","embeddable":true,"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/sujets?post=29662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}