\u00bfPor qu\u00e9 deber\u00eda dar la opci\u00f3n de personalizaci\u00f3n del producto a sus clientes?<\/strong><\/p>\n Si se pregunta por qu\u00e9 la personalizaci\u00f3n del producto? Entonces he aqu\u00ed por qu\u00e9 mejorar\u00eda su tienda web.<\/p>\n Antes de comenzar el proceso de instalaci\u00f3n, debe comprar Opencart Product Designer\/Customizer en la tienda Knowband. Una vez comprado, recibir\u00e1 los siguientes archivos en su correo electr\u00f3nico registrado. 1. C\u00f3digo fuente del m\u00f3dulo de personalizaci\u00f3n del producto Opencart en formato de archivo comprimido. 2. Manual de usuario de la extensi\u00f3n del dise\u00f1ador de productos personalizados de Opencart. Ahora, para instalar esta extensi\u00f3n de dise\u00f1ador de productos personalizados Opencart en su tienda en l\u00ednea, siga los pasos dados:<\/p>\n Paso 1:<\/strong> Descomprime el archivo zip. Obtendr\u00e1 las carpetas como se muestra en la imagen a continuaci\u00f3n<\/p>\n Para configurar la extensi\u00f3n Product Designer\/Customizer para OpenCart, navegue por la configuraci\u00f3n en el siguiente orden: La interfaz de administraci\u00f3n de la extensi\u00f3n OpenCart Product Designer\/Customizer incluye las siguientes configuraciones principales:<\/p>\n \u00bfC\u00f3mo personalizar un producto?<\/strong><\/p>\n Para personalizar un Producto, siga la siguiente ruta: A trav\u00e9s de esta configuraci\u00f3n del m\u00f3dulo de Dise\u00f1o de Producto Personalizado de Opencart, el Usuario puede habilitar\/deshabilitar todo el M\u00f3dulo y realizar cambios en la Personalizaci\u00f3n del Producto.<\/p>\n Esta configuraci\u00f3n del m\u00f3dulo de personalizaci\u00f3n de productos extendidos de Opencart le permite al administrador decidir el precio fijo para cada personalizaci\u00f3n que debe agregarse en el producto. La pantalla para el mismo se ver\u00e1 como se muestra a continuaci\u00f3n:<\/p>\n A trav\u00e9s de esta configuraci\u00f3n del m\u00f3dulo Dise\u00f1o de productos personalizados de Opencart, el administrador puede controlar la opci\u00f3n Texto en la Personalizaci\u00f3n. La pantalla para esta opci\u00f3n se ver\u00e1 como se muestra a continuaci\u00f3n:<\/p>\n La configuraci\u00f3n de lados del m\u00f3dulo de extensi\u00f3n del dise\u00f1ador de productos personalizados de Opencart le permite al administrador agregar una imagen de diferentes lados del producto para que el usuario pueda personalizar el producto desde cualquier lado que desee. El administrador tambi\u00e9n puede nombrar los lados agregados. La pantalla se ver\u00e1 como se muestra:<\/p>\n \u00bfC\u00f3mo configurar fuentes, colores y grupos de im\u00e1genes?<\/strong><\/p>\n Mientras cambia la configuraci\u00f3n de personalizaci\u00f3n de un producto, encontrar\u00e1 las opciones para seleccionar diferentes fuentes, colores y grupos de im\u00e1genes en la parte superior derecha de la pantalla. Encontrar\u00e1s tres opciones como:<\/p>\n 1. Configurar fuentes<\/strong><\/p>\n Todas las fuentes que se han agregado desde el m\u00f3dulo se enumeran aqu\u00ed en esta interfaz. Puede habilitar o deshabilitar directamente cualquier fuente.<\/p>\n Todos los colores que se han agregado usando el m\u00f3dulo se enumeran aqu\u00ed en esta interfaz. Puede habilitar o deshabilitar directamente cualquier color.<\/p>\n 3. Configurar grupos de im\u00e1genes<\/strong><\/p>\n Esta opci\u00f3n se proporciona en el Panel de administraci\u00f3n de la extensi\u00f3n del dise\u00f1ador de productos personalizados de OpenCart, el administrador puede habilitar\/deshabilitar todo el m\u00f3dulo desde esta configuraci\u00f3n. La pantalla se ver\u00e1 como se muestra a continuaci\u00f3n:<\/p>\n A trav\u00e9s de esta configuraci\u00f3n del m\u00f3dulo de personalizaci\u00f3n de productos extendidos de OpenCart, el administrador puede agregar una nueva fuente en el sistema y tambi\u00e9n editar la existente. La pantalla se ver\u00e1 como se muestra a continuaci\u00f3n:<\/p>\n Editar fuente:<\/strong> Puede editar un conjunto de fuentes existente utilizando la opci\u00f3n Editar. Las pantallas para editar fuentes ser\u00e1n las mismas que para agregar una fuente. La \u00fanica diferencia ser\u00e1 que Editar tendr\u00e1 los campos ya llenos.<\/p>\n Eliminar fuente:<\/strong> Puede eliminar una fuente haciendo clic en el icono ‘Papelera’. Aparecer\u00e1 una ventana emergente solicitando la Confirmaci\u00f3n. Puede hacer clic en S\u00ed y se eliminar\u00e1 la fuente.<\/p>\n A\u00f1adir fuente:<\/strong> Puede agregar una fuente en el m\u00f3dulo de personalizaci\u00f3n de productos extendidos de OpenCart haciendo clic en el \u00edcono ‘+’ que se encuentra en la parte superior de la p\u00e1gina. La pantalla se ver\u00e1 como se muestra a continuaci\u00f3n:<\/p>\n A trav\u00e9s de esta configuraci\u00f3n del m\u00f3dulo de personalizaci\u00f3n de productos extendidos de OpenCart, el administrador puede agregar un nuevo color en el sistema y tambi\u00e9n editar el existente. La pantalla se ver\u00e1 como se muestra a continuaci\u00f3n:<\/p>\n Eliminar color:<\/strong> Puede eliminar un color haciendo clic en el icono ‘Papelera’. Aparecer\u00e1 una ventana emergente solicitando la Confirmaci\u00f3n. Puede hacer clic en S\u00ed y se eliminar\u00e1 la fuente.<\/p>\n A\u00f1adir color:<\/strong> Puede agregar un color en el m\u00f3dulo de personalizaci\u00f3n de productos extendidos de OpenCart haciendo clic en el \u00edcono ‘+’ que se encuentra en la parte superior de la p\u00e1gina. La pantalla se ver\u00e1 como se muestra a continuaci\u00f3n:<\/p>\n La configuraci\u00f3n del grupo de im\u00e1genes del m\u00f3dulo de personalizaci\u00f3n de productos extendidos de OpenCart permite al administrador agregar un grupo de im\u00e1genes para ofrecer a sus clientes la personalizaci\u00f3n del producto. La pantalla se ver\u00e1 como se muestra a continuaci\u00f3n:<\/p>\n Editar grupo de im\u00e1genes:<\/strong> Puede editar un grupo de im\u00e1genes existente utilizando la opci\u00f3n Editar. Las pantallas para Editar grupo de im\u00e1genes ser\u00e1n las mismas que para Agregar un color. La \u00fanica diferencia ser\u00e1 que Editar tendr\u00e1 los campos ya llenos.<\/p>\n Eliminar grupo de im\u00e1genes:<\/strong> Puede eliminar un grupo de im\u00e1genes haciendo clic en el \u00edcono ‘Papelera’. Aparecer\u00e1 una ventana emergente solicitando la Confirmaci\u00f3n. Puede hacer clic en S\u00ed y se eliminar\u00e1 la fuente.<\/p>\n A\u00f1adir grupo de im\u00e1genes:<\/strong> Puede agregar un grupo de im\u00e1genes en el m\u00f3dulo de personalizaci\u00f3n de productos extendidos de OpenCart haciendo clic en el \u00edcono ‘+’ que se encuentra en la parte superior de la p\u00e1gina. La pantalla se ver\u00e1 como se muestra a continuaci\u00f3n:<\/p>\n Vista previa del grupo de im\u00e1genes:<\/strong>\ufffdPuedes ver todas las im\u00e1genes dentro de un grupo haciendo clic en el \u00edcono “Ojo” correspondiente a un grupo en particular. Mostrar\u00e1 la siguiente pantalla:<\/p>\n Cargar imagen:<\/strong> Esta opci\u00f3n le permitir\u00e1 buscar una imagen deseada desde el espacio de su computadora local y cargarla aqu\u00ed.<\/p>\n Precio:<\/strong> Esta opci\u00f3n establece el precio de la imagen seleccionada.<\/p>\n Activo:<\/strong> Esta opci\u00f3n activa o desactiva la imagen para el grupo seleccionado. Establ\u00e9zcalo en S\u00cd o NO. Del mismo modo, puede hacer clic en el bot\u00f3n Editar correspondiente a la imagen. Las opciones ser\u00e1n las mismas, la \u00fanica diferencia es que los campos se completar\u00e1n como se muestra en la imagen a continuaci\u00f3n.<\/p>\n Si el m\u00f3dulo Dise\u00f1ador\/Personalizador de productos de Opencart est\u00e1 habilitado, mostrar\u00e1 un bot\u00f3n “Personalizar” en la p\u00e1gina del producto, como se muestra a continuaci\u00f3n.<\/p>\n Al hacer clic en el bot\u00f3n Personalizar, al cliente se le mostrar\u00e1 una pantalla emergente que constar\u00e1 de varios dise\u00f1os de productos y configuraciones de personalizaci\u00f3n. Los clientes pueden agregar cualquier color, texto personalizado, imagen personalizada o c\u00f3digo QR para un producto seg\u00fan sus requisitos de compra.<\/p>\n Los clientes pueden realizar varios tipos de personalizaciones como:<\/p>\n 1. Color<\/strong><\/p>\n <\/p>\n 2. Imagen<\/strong><\/p>\n Los clientes pueden seleccionar una imagen de su elecci\u00f3n de las opciones de grupo de im\u00e1genes proporcionadas.<\/p>\n Pueden cargar e imprimir cualquier otra imagen de su elecci\u00f3n desde el espacio local.<\/p>\n Incluso pueden imprimir un c\u00f3digo QR para alg\u00fan texto oculto o enlace a un sitio web.<\/p>\n <\/p>\n 3. Texto<\/strong><\/p>\n Mostrar\u00e1 la casilla de verificaci\u00f3n de costos en la pantalla. Haga clic en Aceptar para confirmar.<\/p>\n P\u00e1gina de resumen del carrito de compras para productos personalizados<\/strong><\/p>\n La siguiente imagen de la interfaz muestra c\u00f3mo se muestra el producto personalizado en la p\u00e1gina del carrito con diferentes opciones para los clientes despu\u00e9s de hacer clic en el bot\u00f3n “Guardar personalizaci\u00f3n”.<\/p>\n El administrador puede ver la factura del pedido y toda la configuraci\u00f3n relacionada con la personalizaci\u00f3n del producto desde el back-office. Los detalles de un pedido se pueden ver en la secci\u00f3n Pedidos del Panel de administraci\u00f3n.<\/p>\n Al hacer clic en las im\u00e1genes del producto, el administrador ver\u00e1 los detalles completos del producto personalizado en forma de una pantalla emergente como se muestra a continuaci\u00f3n.<\/p>\n![\"picture1\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/10\/Picture1-1.png\")
<\/a>
\n2.0 Gu\u00eda de instalaci\u00f3n<\/h2>\n<\/a>
\nPaso 2:<\/strong> Copie todas las carpetas del archivo zip en el directorio ra\u00edz de la configuraci\u00f3n de OpenCart a trav\u00e9s del administrador de FTP. Por lo tanto, el m\u00f3dulo Dise\u00f1o de productos personalizados de Opencart ahora se instal\u00f3 correctamente y est\u00e1 listo para usar en su tienda. Vaya al men\u00fa de administraci\u00f3n y haga clic en las extensiones. Elija el tipo de extensi\u00f3n como m\u00f3dulos. Encontrar\u00e1 una lista de m\u00f3dulos. Seleccione el dise\u00f1ador\/personalizador de productos de Opencart.<\/p>\nInterfaz de administraci\u00f3n 3.0 del personalizador del dise\u00f1ador de productos Opencart<\/h2>\n
\nPanel de administraci\u00f3n > Extensiones > M\u00f3dulos > Dise\u00f1ador\/Personalizador de productos<\/strong><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n
\nCat\u00e1logo>> Productos>> Seleccione un producto>> Editar>> Dise\u00f1ador\/Personalizador de productos<\/strong><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nUna vez que el Usuario haga clic en el Dise\u00f1ador\/Personalizador de Producto, el Usuario tendr\u00e1 las siguientes opciones en el m\u00f3dulo de Personalizaci\u00f3n de Producto Extendido de Opencart:<\/p>\nConfiguraci\u00f3n de 3.0.1<\/h3>\n
<\/a><\/p>\nPrecio 3.0.2<\/h3>\n
<\/a>
\nTexto 3.0.3<\/h3>\n<\/a><\/p>\n3.0.4 lados<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a>
\n2. Configurar colores<\/strong><\/p>\n<\/a><\/p>\n<\/a>
\nTodos los grupos de im\u00e1genes que se han agregado se enumeran aqu\u00ed en esta interfaz. Puede habilitar o deshabilitar directamente cualquier grupo de im\u00e1genes. Al hacer clic en el bot\u00f3n “Ver im\u00e1genes”, ver\u00e1 la siguiente pantalla.<\/p>\n<\/a><\/p>\n3.0.5 Configurar<\/h3>\n
<\/a>
\nFuentes 3.0.6<\/h3>\n<\/a><\/p>\n
\n<\/a> <\/a><\/p>\n3.0.7 Colores<\/h3>\n
<\/a>
\nEditar color:<\/strong> Puede editar un conjunto de colores existente utilizando la opci\u00f3n Editar. Las pantallas para editar color ser\u00e1n las mismas que para agregar un color. La \u00fanica diferencia ser\u00e1 que Editar tendr\u00e1 los campos ya llenos.<\/p>\n<\/a>
\n3.0.8 Grupo de im\u00e1genes<\/h3>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nAqu\u00ed, puede agregar una nueva imagen al grupo, editar\/eliminar la imagen existente. Al hacer clic en el bot\u00f3n Agregar, ver\u00e1 las siguientes opciones como se muestra a continuaci\u00f3n:<\/p>\n<\/a><\/p>\n<\/a>
\nEliminar una imagen es simple. Simplemente haga clic en el icono “Papelera” correspondiente a la imagen.<\/p>\nInterfaz frontal 4.0 del m\u00f3dulo personalizador del dise\u00f1ador de productos Opencart<\/h2>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nEl cliente puede guardar todas las personalizaciones de su producto haciendo clic en el bot\u00f3n Guardar como se muestra a continuaci\u00f3n.<\/p>\n<\/a><\/p>\n<\/a>
\nDel mismo modo, estas personalizaciones son aplicables a otros productos de la tienda, como tazas y fundas para tel\u00e9fonos.<\/p>\n<\/a>
\nEl cliente puede ver la factura de este producto personalizado como se muestra a continuaci\u00f3n.<\/p>\n<\/a>
\nVista de pedidos desde el panel de administraci\u00f3n<\/strong><\/p>\n<\/a>
\nAl hacer clic en el bot\u00f3n Ver correspondiente a un producto, el administrador puede verificar los detalles completos del pedido del producto personalizado.<\/p>\n<\/a><\/p>\n
![\n<\/a>](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/10\/Picture19-1.png\"){kind=link}