{"id":16078,"date":"2017-04-04T08:22:54","date_gmt":"2017-04-04T08:22:54","guid":{"rendered":"https:\/\/www.easypromosapp.com\/blog\/?p=16078"},"modified":"2025-09-10T15:31:22","modified_gmt":"2025-09-10T13:31:22","slug":"opciones-diseno-promociones-con-easypromos","status":"publish","type":"post","link":"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/","title":{"rendered":"Dise\u00f1o de promociones interactivas con Easypromos"},"content":{"rendered":"\n<p>Cuando creas una promoci\u00f3n en Easypromos, se genera un borrador que viene con un dise\u00f1o base. Todos los elementos se pueden modificar, pero as\u00ed ya te haces una idea de las posibilidades.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/borrador-diseno-promocion-digital-1024x611.webp\" alt=\"borrador dise\u00f1o promocion\" loading=\"lazy\" class=\"wp-image-103802\" srcset=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/borrador-diseno-promocion-digital-1024x611.webp 1024w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/borrador-diseno-promocion-digital-300x179.webp 300w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/borrador-diseno-promocion-digital-768x458.webp 768w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/borrador-diseno-promocion-digital-390x233.webp 390w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/borrador-diseno-promocion-digital-820x489.webp 820w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/borrador-diseno-promocion-digital-1180x704.webp 1180w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/borrador-diseno-promocion-digital.webp 1308w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pensado para m\u00f3vil y para cualquier tama\u00f1o de pantalla<\/h2>\n\n\n\n<p>La interfaz de la promoci\u00f3n se adapta perfectamente a cualquier ancho de pantalla, de forma que la experiencia a trav\u00e9s de dispositivos m\u00f3viles es excelente. Adem\u00e1s, se ha seguido la filosof\u00eda \u201cmobile first\u201d: los elementos est\u00e1n pensados para presentarse de forma \u00f3ptima en pantallas m\u00f3viles. Esta caracter\u00edstica es relevante porque <b>m\u00e1s del 90% de los usuarios participar\u00e1n en la promoci\u00f3n con su dispositivo m\u00f3vil<\/b>. Tenlo en cuenta en tu dise\u00f1o y utiliza la funci\u00f3n de test para confirmar c\u00f3mo se ven las pantallas de la promoci\u00f3n en m\u00f3vil.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"605\" src=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/test-promocion-vista-movil-1024x605.webp\" alt=\"Opci\u00f3n de ver la promoci\u00f3n en modo test y versi\u00f3n m\u00f3vil\" loading=\"lazy\" class=\"wp-image-103805\" srcset=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/test-promocion-vista-movil-1024x605.webp 1024w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/test-promocion-vista-movil-300x177.webp 300w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/test-promocion-vista-movil-768x454.webp 768w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/test-promocion-vista-movil-390x230.webp 390w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/test-promocion-vista-movil-820x484.webp 820w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/test-promocion-vista-movil-1180x697.webp 1180w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/test-promocion-vista-movil.webp 1295w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Estructura y pantallas de la promoci\u00f3n online<\/h2>\n\n\n\n<p>Las promociones tipo microsite de Easypromos tienen una estructura que se aplica en todas las pantallas (tanto en versi\u00f3n m\u00f3vil como en desktop). Este aspecto permite que el <strong>dise\u00f1o sea coherente y f\u00e1cil de aplicar<\/strong> en todo el microsite. Presenta los siguientes elementos:<\/p>\n\n\n\n<p>A) Cabecera<\/p>\n\n\n\n<p>B) Fondo de pantalla<\/p>\n\n\n\n<p>C) Contenedor principal: dentro de este contenedor se sit\u00faan los contenidos (texto, im\u00e1genes, botones) propios de cada pantalla.<\/p>\n\n\n\n<p>D) Pie de promoci\u00f3n<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"750\" height=\"586\" src=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/estructura-pantalla-promocion.webp\" alt=\"estrucutra pantalla promocion easypromos\" loading=\"lazy\" class=\"wp-image-103808\" style=\"width:521px;height:auto\" srcset=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/estructura-pantalla-promocion.webp 750w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/estructura-pantalla-promocion-300x234.webp 300w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/estructura-pantalla-promocion-390x305.webp 390w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<\/div>\n\n\n<p>El contenedor es la parte m\u00e1s importante del dise\u00f1o porque es donde se presentan los contenidos m\u00e1s importantes. Estos son sus componentes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Control de las transparencias, para mostrar m\u00e1s o menos fondo de pantalla.<\/li>\n\n\n\n<li>Control del color del contenedor para ir acorde con tu imagen de marca<\/li>\n\n\n\n<li>Control de la posici\u00f3n: puedes configurar que el contenedor se alinee en el centro de la pantalla o a los lados.<\/li>\n\n\n\n<li>Control del ancho y alto del contenedor de los elementos dentro del fondo.<\/li>\n\n\n\n<li>Control de las estructuras del contenido: 1 o 2 columnas.<\/li>\n<\/ul>\n\n\n\n<p>Con todas estas opciones, la interfaz de Easypromos permite a los dise\u00f1adores explotar al m\u00e1ximo sus capacidades creativas para que la promoci\u00f3n sea \u00fanica.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>En versi\u00f3n m\u00f3vil, los componentes dentro del contenedor se presentar\u00e1n de forma \u00f3ptima en la pantalla. En cambio, la imagen de fondo se recortar\u00e1. \u00a1Tenlo en cuenta en tu dise\u00f1o!<\/p>\n<\/blockquote>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"hs-cta-embed hs-cta-simple-placeholder hs-cta-embed-195801905252\"\n  style=\"max-width:100%; max-height:100%; width:750px;height:350px\" data-hubspot-wrapper-cta-id=\"195801905252\">\n  <a href=\"https:\/\/cta-service-cms2.hubspot.com\/web-interactives\/public\/v1\/track\/redirect?encryptedPayload=AVxigLInIiC6FcW21DVCXRVqVT1pSIe2iDYugn8OVR15E5K60C%2FcCo7AfxRM5BOpTEvKjT%2FTsEWuFkvjnLEd0LkXV3JGDlLZjV%2BkahSJVeQLKCrFWhg2LXjOhMd4rxluakcm7U1WNjiJTa2Ym0Pm40ghLXbbhjRqvSuMLms6RGIBhs267FN%2BMcMlT8gsLCZFY6LMWnOqz5MvwUE1%2B%2BuvqdmicvObvTXTuwjXWhaoaCqnRvkcnhw511UVZqqnn9uWCAgvm3xARaF2vLnC%2FI4oSgy4mhIffB5iIkmJsV7h432UMASZ7RS716xST6leirBFxKnrK1TcNSyi89kAw2qESMp3av41lF%2FHWnukGmOGvNcpiKMtTVA%3D&#038;webInteractiveContentId=195801905252&#038;portalId=19559696\" target=\"_blank\" rel=\"noopener\" crossorigin=\"anonymous\">\n    <img decoding=\"async\" alt=\"&iquest;Quieres ver ejemplos reales? Pulsa el bot&oacute;n y accede directamente a la presentaci&oacute;n de m&aacute;s de 20 dise&ntilde;os de promociones reales. &iexcl;Insp&iacute;rate! &nbsp;\" loading=\"lazy\" src=\"https:\/\/no-cache.hubspot.com\/cta\/default\/19559696\/interactive-195801905252.png\" style=\"height: 100%; width: 100%; object-fit: fill\"\n      onerror=\"this.style.display='none'\" \/>\n  <\/a>\n<\/div>\n\n\n\n<p><br><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apartado espec\u00edfico de dise\u00f1o dentro del editor<\/h2>\n\n\n\n<p>La interfaz de dise\u00f1o de las promociones mantiene la filosof\u00eda de los desarrollos de Easypromos: encontrar el equilibrio entre la flexibilidad y la facilidad de uso. Por eso hay varias opciones que permiten realizar dise\u00f1os \u00fanicos y con los estilos propios de la marca organizadora. Todo sin necesidad de a\u00f1adir c\u00f3digo HTML, CSS y sin tener ning\u00fan conocimiento de programaci\u00f3n.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/apartado-diseno-promociones-1024x597.webp\" alt=\"Apartado dise\u00f1o dentro del editor de promociones\" loading=\"lazy\" class=\"wp-image-103815\" srcset=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/apartado-diseno-promociones-1024x597.webp 1024w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/apartado-diseno-promociones-300x175.webp 300w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/apartado-diseno-promociones-768x447.webp 768w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/apartado-diseno-promociones-390x227.webp 390w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/apartado-diseno-promociones-820x478.webp 820w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/apartado-diseno-promociones-1180x687.webp 1180w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/apartado-diseno-promociones.webp 1459w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Para facilitar la configuraci\u00f3n de la promoci\u00f3n, el editor permite visualizar los cambios del dise\u00f1o en tiempo real y en la misma pantalla, en el canvas. Podr\u00e1s modificar los siguientes aspectos (entre otros):<\/p>\n\n\n\n<p><strong>A.<\/strong> <strong>Colores<\/strong>: Selecciona el color de los textos y de los elementos de acci\u00f3n, como botones principales y enlaces destacados.<\/p>\n\n\n\n<p><strong>B. Tipograf\u00edas<\/strong>: Personaliza las fuentes principales y las fuentes secundarias de la promoci\u00f3n, compatibles con librer\u00eda de Google Fonts. Adem\u00e1s, con los planes Marca Blanca y Corporate se pueden subir tipograf\u00edas propias mediante c\u00f3digo para ir acorde con la marca.<\/p>\n\n\n\n<p><strong>C.<\/strong> <strong>Botones<\/strong>: Selecciona el tama\u00f1o, color de texto y color de fondo de los botones, as\u00ed como su estado hover. Adem\u00e1s, tambi\u00e9n podr\u00e1s personalizarlo con tu propia imagen adaptada a sus medidas correspondientes.<\/p>\n\n\n\n<p><strong>D. Contenedor<\/strong>: Personaliza el color, nivel de opacidad, margen y padding, redondez de las esquinas, la posici\u00f3n y el alto del contenedor.<\/p>\n\n\n\n<p><strong>E. Fondo de pantalla: <\/strong>Podr\u00e1s configurarlo con las siguientes opciones&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Color:<\/strong> Selecciona un color como fondo de la promoci\u00f3n.<\/li>\n\n\n\n<li><strong>Opacidad:<\/strong> Configura el nivel de transparencia del color configurado para el fondo de la promoci\u00f3n.<\/li>\n\n\n\n<li><strong>Imagen:<\/strong> Te permite subir una imagen de fondo de tu elecci\u00f3n.<\/li>\n\n\n\n<li><strong>Posici\u00f3n:<\/strong> En caso de subir una imagen de fondo propia, puedes definir el punto de foco de la imagen.<\/li>\n<\/ul>\n\n\n\n<p> <br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Opciones de la pantalla de bienvenida<\/h2>\n\n\n\n<p>Por defecto, la primera pantalla de la promoci\u00f3n es la de bienvenida. En ella se suele presentar en qu\u00e9 consiste la promoci\u00f3n, indicar el premio y dar un m\u00ednimo de instrucciones para participar.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"800\" height=\"455\" src=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/ejemplo1-home.webp\" alt=\"ejemplo pantalla de bienvenida cl\u00e1sica\" loading=\"lazy\" class=\"wp-image-103817\" srcset=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/ejemplo1-home.webp 800w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/ejemplo1-home-300x171.webp 300w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/ejemplo1-home-768x437.webp 768w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/ejemplo1-home-390x222.webp 390w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n<\/div>\n\n\n<p>Los elementos principales de esta pantalla son el t\u00edtulo, la descripci\u00f3n y el bot\u00f3n CTA, pero esta estructura puede simplificarse o hacerse m\u00e1s compleja para albergar otra informaci\u00f3n si as\u00ed lo necesitas.<\/p>\n\n\n\n<p>Si quieres simplificar el contenido de la p\u00e1gina de bienvenida, puedes <strong>convertir una \u00fanica imagen, GIF o v\u00eddeo en el \u00fanico elemento<\/strong>, y que sea tambi\u00e9n el enlace hacia la acci\u00f3n. Tambi\u00e9n puedes desactivar esta pantalla y presentar directamente el formulario de registro.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"605\" src=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/pagina-bienvenida-gif-1024x605.webp\" alt=\"P\u00e1gina de bienvenida a la promoci\u00f3n con GIF animado\" loading=\"lazy\" class=\"wp-image-103819\" srcset=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/pagina-bienvenida-gif-1024x605.webp 1024w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/pagina-bienvenida-gif-300x177.webp 300w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/pagina-bienvenida-gif-768x454.webp 768w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/pagina-bienvenida-gif-390x231.webp 390w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/pagina-bienvenida-gif-820x485.webp 820w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/pagina-bienvenida-gif-1180x698.webp 1180w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/pagina-bienvenida-gif.webp 1348w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Si quieres <strong>utilizar la landing de bienvenida para explicar varios aspectos de la promoci\u00f3n<\/strong>, puedes hacer un dise\u00f1o m\u00e1s complejo utilizando el editor de bloques. El apartado de descripci\u00f3n se convierte en uno o varios bloques de texto, y cada uno puede contener adem\u00e1s im\u00e1genes, v\u00eddeos o gifs. De esta forma puedes construir una p\u00e1gina de bienvenida mucho m\u00e1s informativa.<\/p>\n\n\n\n<p>Tambi\u00e9n puedes crear varias columnas ajustando el ancho del bloque y definir la alineaci\u00f3n del texto seg\u00fan tus necesidades. Si la promoci\u00f3n ha sido creada en Marca Blanca, el editor incluye un campo espec\u00edfico para clases CSS, lo que facilita una personalizaci\u00f3n avanzada de la landing, aline\u00e1ndose con el look&amp;feel de tu marca.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"800\" height=\"455\" src=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/ejemplo2-bloques.webp\" alt=\"Bloques descriptivos para la p\u00e1gina de bienvenida de la promoci\u00f3n\" loading=\"lazy\" class=\"wp-image-103821\" srcset=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/ejemplo2-bloques.webp 800w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/ejemplo2-bloques-300x171.webp 300w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/ejemplo2-bloques-768x437.webp 768w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/ejemplo2-bloques-390x222.webp 390w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Consulta el <a href=\"https:\/\/soporte.easypromosapp.com\/hc\/es\/articles\/39326812481812-Tutorial-C%C3%B3mo-utilizar-el-Editor-de-bloques-para-personalizar-la-Descripci%C3%B3n-de-la-p%C3%A1gina-de-Bienvenida-de-la-promoci%C3%B3n\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">tutorial sobre el editor de bloques<\/a> para personalizar la descripci\u00f3n de la p\u00e1gina de bienvenida de tu promoci\u00f3n.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\"><br><br>Personalizaci\u00f3n de todos los textos de la promoci\u00f3n<\/h2>\n\n\n\n<p>Todos los borradores de promociones tipo microsite se presentan con <strong>textos predefinidos<\/strong> para ayudarte a agilizar el proceso de creaci\u00f3n de la promoci\u00f3n. A\u00fan as\u00ed, todos se pueden modificar; la mayor\u00eda se cambian desde el editor, y los textos del sistema como mensajes de errores o de estado de la participaci\u00f3n tambi\u00e9n se pueden modificar desde la herramienta de \u201cDiccionarios\u201d. Todo para que puedas controlar al 100% el mensaje que das con tu promoci\u00f3n digital.<\/p>\n\n\n\n<p><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dise\u00f1o con potencial para desarrolladores<\/h2>\n\n\n\n<p>Sabemos que grandes marcas y agencias disponen de los recursos para poder ir m\u00e1s all\u00e1 con los dise\u00f1os de sus promociones. La interfaz de dise\u00f1o de Easypromos ha sido programada totalmente en Flex para facilitar los cambios de posicionamiento de elementos y contenidos dentro de cada pantalla. Adem\u00e1s los estilos y clases CSS est\u00e1n perfectamente estructurados, para que cualquier programador de front-end, pueda f\u00e1cilmente sobrescribir los estilos que vienen por defecto en la plantilla, y poder dar estilo a cualquier elemento de las pantallas. Para cada pantalla de la promoci\u00f3n, los programadores podr\u00e1n subir e insertar sus propios c\u00f3digos HTML, y sus scripts en Javascript, para una personalizaci\u00f3n avanzada de cada pantalla.<\/p>\n\n\n\n<p>La interfaz ha tenido en cuenta muchos de los briefings de dise\u00f1o que los clientes nos hacen llegar. Es por ello que el dise\u00f1o, la estructura de los estilos y las herramientas que ofrecemos son lo suficientemente flexibles para que un programador de front-end pueda <b>programar pr\u00e1cticamente al 100% muchos de los dise\u00f1os<\/b> que le hagan llegar sus creativos.<\/p>\n\n\n\n<p><br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dise\u00f1o sin renunciar a la fiabilidad y la robustez<\/h3>\n\n\n\n<p>El \u00e9xito de una promoci\u00f3n online depende de muchos factores como el premio ofrecido, la inversi\u00f3n en difusi\u00f3n o la mec\u00e1nica planteada. Pero realmente el factor que mayor importancia tiene en una promoci\u00f3n digital es que la tecnolog\u00eda funcione. Y este factor est\u00e1 por encima del propio dise\u00f1o del concurso. Todo ha sido minuciosamente testeado: cada mec\u00e1nica de la promoci\u00f3n, cada navegador web, cada dispositivo m\u00f3vil, la experiencia en widgets, la inserci\u00f3n en un dominio propio, etc.<\/p>\n\n\n\n<p>La forma en que ha sido dise\u00f1ado el editor de promociones permite personalizar todas las pantallas de la promoci\u00f3n <b>sin que esto afecte a la fiabilidad y robustez de la aplicaci\u00f3n<\/b>. Y este aspecto es fundamental para ofrecer una plataforma que permita a las marcas lanzar sus campa\u00f1as online con total seguridad y tranquilidad.<\/p>\n\n\n\n<p><br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Utilizar el dise\u00f1o de una promoci\u00f3n demo<\/h2>\n\n\n\n<p>Muchas de las promociones demo que creamos desde Easypromos para mostrar el funcionamiento y dise\u00f1o son copiables. Si te gusta alguna de las demos y crees que el dise\u00f1o encaja con tu proyecto, puedes hacer una copia y guardarla en tu panel para modificarla y adaptarla a tu campa\u00f1a.<\/p>\n\n\n\n<p>Las demos copiables presentan un bot\u00f3n en la parte superior con las instrucciones para generar una copia.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"666\" src=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/promocion-demo-copiable-1024x666.webp\" alt=\"Promoci\u00f3n demo con dise\u00f1o y funcionalidades copiables\" loading=\"lazy\" class=\"wp-image-103828\" srcset=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/promocion-demo-copiable-1024x666.webp 1024w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/promocion-demo-copiable-300x195.webp 300w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/promocion-demo-copiable-768x500.webp 768w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/promocion-demo-copiable-390x254.webp 390w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/promocion-demo-copiable-820x533.webp 820w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/promocion-demo-copiable-1180x768.webp 1180w, https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/promocion-demo-copiable.webp 1245w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>\u00a1Escoge un dise\u00f1o y ponte manos a la obra! Tu pr\u00f3xima promoci\u00f3n te est\u00e1 esperando. Y si tienes m\u00e1s dudas, <a href=\"https:\/\/www.easypromosapp.com\/contacto\/\">contacta con nuestro equipo<\/a> v\u00eda chat o videollamada y te ayudaremos.<\/p>\n","protected":false},"excerpt":{"rendered":"\u00bfQuieres organizar una promoci\u00f3n con Easypromos pero no sabes si podr\u00e1s adaptarla totalmente a la imagen de tu marca? La respuesta es \u00a1s\u00ed, por supuesto! Todas las promociones tipo microsite de la plataforma disponen de un apartado completo en el editor para personalizar el dise\u00f1o y transformarlas en un activo 100% de la marca. Sigue leyendo que te lo explicamos al detalle. Adem\u00e1s, te podr\u00e1s descargar un lookbook gratuito con ejemplos reales de dise\u00f1o.\n","protected":false},"author":21,"featured_media":103839,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[7054],"tags":[],"class_list":{"0":"post-16078","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-noticias-easypromos"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dise\u00f1o de promociones interactivas con Easypromos<\/title>\n<meta name=\"description\" content=\"Descubre las opciones de dise\u00f1o de Easypromos para promociones y concursos online. \u00a1Con tu imagen corporativa 100% y sin programar!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o de promociones interactivas con Easypromos\" \/>\n<meta property=\"og:description\" content=\"Descubre las opciones de dise\u00f1o de Easypromos para promociones y concursos online. \u00a1Con tu imagen corporativa 100% y sin programar!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de Easypromos: estrategias y ejemplos de engagement digital para marcas\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-04T08:22:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-10T13:31:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/xxss-diseno-promociones-con-easypromos.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Elisabet Frigol\u00e9\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Elisabet Frigol\u00e9\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/\"},\"author\":{\"name\":\"Elisabet Frigol\u00e9\",\"@id\":\"https:\/\/www.easypromosapp.com\/blog\/#\/schema\/person\/2580be9387a739face537bd25d0cdc48\"},\"headline\":\"Dise\u00f1o de promociones interactivas con Easypromos\",\"datePublished\":\"2017-04-04T08:22:54+00:00\",\"dateModified\":\"2025-09-10T13:31:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/\"},\"wordCount\":1540,\"image\":{\"@id\":\"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/header-diseno-promociones-con-easypromos.webp\",\"articleSection\":[\"Noticias Easypromos\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/\",\"url\":\"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/\",\"name\":\"Dise\u00f1o de promociones interactivas con Easypromos\",\"isPartOf\":{\"@id\":\"https:\/\/www.easypromosapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/header-diseno-promociones-con-easypromos.webp\",\"datePublished\":\"2017-04-04T08:22:54+00:00\",\"dateModified\":\"2025-09-10T13:31:22+00:00\",\"author\":{\"@id\":\"https:\/\/www.easypromosapp.com\/blog\/#\/schema\/person\/2580be9387a739face537bd25d0cdc48\"},\"description\":\"Descubre las opciones de dise\u00f1o de Easypromos para promociones y concursos online. \u00a1Con tu imagen corporativa 100% y sin programar!\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/#primaryimage\",\"url\":\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/header-diseno-promociones-con-easypromos.webp\",\"contentUrl\":\"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/header-diseno-promociones-con-easypromos.webp\",\"width\":600,\"height\":400,\"caption\":\"diseno de promociones\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.easypromosapp.com\/blog\/#website\",\"url\":\"https:\/\/www.easypromosapp.com\/blog\/\",\"name\":\"Informaci\u00f3n sobre marketing digital - promociones, concursos, sorteos y juegos\",\"description\":\"Blog de Easypromos: c\u00f3mo crear promociones interactivas y experiencias de engagement digital\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.easypromosapp.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.easypromosapp.com\/blog\/#\/schema\/person\/2580be9387a739face537bd25d0cdc48\",\"name\":\"Elisabet Frigol\u00e9\",\"description\":\"Dise\u00f1adora gr\u00e1fica en Easypromos. Se uni\u00f3 al equipo en 2016. Graduada en dise\u00f1o gr\u00e1fico en la Escuela de Arte ESDAP Olot, Elisabet se encarga de dise\u00f1ar todas las demos de producto y creatividades para la web y blog de Easypromos. Es una gran amante de los animales y de viajar. Adem\u00e1s, en su tiempo libre le gusta practicar la ilustraci\u00f3n digital y descubrir nuevos lugares.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/efcomas\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1o de promociones interactivas con Easypromos","description":"Descubre las opciones de dise\u00f1o de Easypromos para promociones y concursos online. \u00a1Con tu imagen corporativa 100% y sin programar!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/","og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1o de promociones interactivas con Easypromos","og_description":"Descubre las opciones de dise\u00f1o de Easypromos para promociones y concursos online. \u00a1Con tu imagen corporativa 100% y sin programar!","og_url":"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/","og_site_name":"Blog de Easypromos: estrategias y ejemplos de engagement digital para marcas","article_published_time":"2017-04-04T08:22:54+00:00","article_modified_time":"2025-09-10T13:31:22+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/xxss-diseno-promociones-con-easypromos.png","type":"image\/png"}],"author":"Elisabet Frigol\u00e9","twitter_misc":{"Escrito por":"Elisabet Frigol\u00e9","Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/#article","isPartOf":{"@id":"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/"},"author":{"name":"Elisabet Frigol\u00e9","@id":"https:\/\/www.easypromosapp.com\/blog\/#\/schema\/person\/2580be9387a739face537bd25d0cdc48"},"headline":"Dise\u00f1o de promociones interactivas con Easypromos","datePublished":"2017-04-04T08:22:54+00:00","dateModified":"2025-09-10T13:31:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/"},"wordCount":1540,"image":{"@id":"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/#primaryimage"},"thumbnailUrl":"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/header-diseno-promociones-con-easypromos.webp","articleSection":["Noticias Easypromos"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/","url":"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/","name":"Dise\u00f1o de promociones interactivas con Easypromos","isPartOf":{"@id":"https:\/\/www.easypromosapp.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/#primaryimage"},"image":{"@id":"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/#primaryimage"},"thumbnailUrl":"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/header-diseno-promociones-con-easypromos.webp","datePublished":"2017-04-04T08:22:54+00:00","dateModified":"2025-09-10T13:31:22+00:00","author":{"@id":"https:\/\/www.easypromosapp.com\/blog\/#\/schema\/person\/2580be9387a739face537bd25d0cdc48"},"description":"Descubre las opciones de dise\u00f1o de Easypromos para promociones y concursos online. \u00a1Con tu imagen corporativa 100% y sin programar!","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.easypromosapp.com\/blog\/opciones-diseno-promociones-con-easypromos\/#primaryimage","url":"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/header-diseno-promociones-con-easypromos.webp","contentUrl":"https:\/\/wwwcdn.cstmapp.com\/blog\/wp-content\/uploads\/header-diseno-promociones-con-easypromos.webp","width":600,"height":400,"caption":"diseno de promociones"},{"@type":"WebSite","@id":"https:\/\/www.easypromosapp.com\/blog\/#website","url":"https:\/\/www.easypromosapp.com\/blog\/","name":"Informaci\u00f3n sobre marketing digital - promociones, concursos, sorteos y juegos","description":"Blog de Easypromos: c\u00f3mo crear promociones interactivas y experiencias de engagement digital","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.easypromosapp.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.easypromosapp.com\/blog\/#\/schema\/person\/2580be9387a739face537bd25d0cdc48","name":"Elisabet Frigol\u00e9","description":"Dise\u00f1adora gr\u00e1fica en Easypromos. Se uni\u00f3 al equipo en 2016. Graduada en dise\u00f1o gr\u00e1fico en la Escuela de Arte ESDAP Olot, Elisabet se encarga de dise\u00f1ar todas las demos de producto y creatividades para la web y blog de Easypromos. Es una gran amante de los animales y de viajar. Adem\u00e1s, en su tiempo libre le gusta practicar la ilustraci\u00f3n digital y descubrir nuevos lugares.","sameAs":["https:\/\/www.linkedin.com\/in\/efcomas\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.easypromosapp.com\/blog\/wp-json\/wp\/v2\/posts\/16078","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.easypromosapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.easypromosapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.easypromosapp.com\/blog\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/www.easypromosapp.com\/blog\/wp-json\/wp\/v2\/comments?post=16078"}],"version-history":[{"count":83,"href":"https:\/\/www.easypromosapp.com\/blog\/wp-json\/wp\/v2\/posts\/16078\/revisions"}],"predecessor-version":[{"id":103846,"href":"https:\/\/www.easypromosapp.com\/blog\/wp-json\/wp\/v2\/posts\/16078\/revisions\/103846"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.easypromosapp.com\/blog\/wp-json\/wp\/v2\/media\/103839"}],"wp:attachment":[{"href":"https:\/\/www.easypromosapp.com\/blog\/wp-json\/wp\/v2\/media?parent=16078"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.easypromosapp.com\/blog\/wp-json\/wp\/v2\/categories?post=16078"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.easypromosapp.com\/blog\/wp-json\/wp\/v2\/tags?post=16078"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}