{"id":8538,"date":"2017-09-25T07:48:39","date_gmt":"2017-09-25T07:48:39","guid":{"rendered":"https:\/\/www.templatemonster.com\/es\/blog\/?p=8538"},"modified":"2020-05-07T14:01:44","modified_gmt":"2020-05-07T14:01:44","slug":"como-crear-una-tienda-de-magento","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/es\/como-crear-una-tienda-de-magento\/","title":{"rendered":"\u00bfC\u00f3mo crear una tienda de Magento?"},"content":{"rendered":"

Realmente creemos que todo el mundo necesita probar de convertirse en un empresario web. Una de las mejores maneras de comenzar a ganar dinero en l\u00ednea es empezar a vender algo. Pero, \u00bfc\u00f3mo puedes vender algo sin tener tu propia tienda online? Bueno, claro que puedes vender productos a trav\u00e9s de redes sociales, pero todav\u00eda debes entender que hacerlo a trav\u00e9s de tu propia tienda es mucho mejor. Tu propia tienda en l\u00ednea te ofrece muchos beneficios, como la independencia, por ejemplo.<\/p>\n

<\/p>\n

Es por eso que hemos iniciado esta serie de art\u00edculos sobre la creaci\u00f3n de tiendas online a la base de diferentes CMS. Hoy vamos a examinar Magento. Veamos c\u00f3mo puedes trabajar con este CMS y establecer una tienda de Magento.<\/p>\n

\n
<\/div>\n

\u00bfC\u00f3mo instalar Magento CMS?<\/strong><\/h3>\n

Cada CMS requiere que subas los archivos necesarios al servidor de alojamiento web antes de la instalaci\u00f3n.<\/p>\n

Cuando hayas subido los archivos, puedes pasar al proceso de instalaci\u00f3n del motor de Magento. Abre tu navegador web y en la barra de direcciones escribe tu \"nombre de dominio\/ruta de acceso a tu directorio de Magento\". Se aparecer\u00e1 una pantalla de bienvenida del Instalador de datos de muestra. Por favor sigue las instrucciones para instalar Magento.<\/p>\n

<\/div>\n

\"\"<\/a><\/p>\n

Rellena toda la informaci\u00f3n sobre el host y la base de datos.<\/p>\n

\"\"<\/a><\/p>\n

Si aceptas los T\u00e9rminos, haz clic en \"Agree and Setup Magento\" (Aceptar y configurar Magento) para continuar con la instalaci\u00f3n.<\/p>\n

Haz clic en el bot\u00f3n\u00a0\"Start Readiness Check\" (Iniciar comprobaci\u00f3n de preparaci\u00f3n) para comprobar la compatibilidad de los ajustes de tu servidor con los requisitos del motor de Magento 2.<\/p>\n

\"\"<\/a><\/p>\n

Una vez finalizado el proceso, haz clic en el bot\u00f3n Next (Seguir).<\/p>\n

\"\"<\/a><\/p>\n

Aqu\u00ed necesitas introducir los detalles de la base de datos y hacer algunos ajustes iniciales. A\u00f1ade una base de datos: ingresa tu nombre de host, el nombre de tu base de datos, el usuario de esta base de datos y la contrase\u00f1a. Ponte en contacto con tu proveedor de alojamiento web, si no tienes los detalles mencionados.<\/p>\n

Aseg\u00farate de que tienes una base de datos creada para la instalaci\u00f3n de Magento. Recuerda que esta base de datos debe ser vac\u00eda y no contener ninguna tabla.<\/p>\n

\"\"<\/a><\/p>\n

Si todo es correcto, haz clic en el bot\u00f3n Next (Seguir).<\/p>\n

\u00a0\"\"<\/a><\/div>\n
<\/div>\n

Aqu\u00ed puedes cambiar la URL del panel de control de Magento y la direcci\u00f3n principal de la tienda. Otros ajustes puedes dejar sin cambios.<\/p>\n

Cuando hayas terminado, haz clic en el bot\u00f3n Next (Seguir).<\/p>\n

Selecciona la zona horaria requerida, la moneda predeterminada y el idioma de la tienda. Tambi\u00e9n puedes seleccionar los m\u00f3dulos predeterminados que deben\/no deben instalarse en la secci\u00f3n de Configuraciones avanzadas de m\u00f3dulos (Advanced Modules Configurations). Te aconsejamos que no realices cambios en esta secci\u00f3n.<\/p>\n

\"\"<\/a><\/p>\n

Aqu\u00ed tienes que introducir algunos datos personales del propietario de la tienda. Tambi\u00e9n tendr\u00e1s que especificar los datos de inicio de sesi\u00f3n para el administrador del sitio web.<\/p>\n

\"\"<\/a><\/p>\n

La configuraci\u00f3n de la tienda est\u00e1 hecha. Haz clic en el bot\u00f3n Install Now (Instalar ahora) para iniciar el proceso de instalaci\u00f3n de la tienda.<\/p>\n

\"\"<\/a><\/p>\n

Este es el paso final de la instalaci\u00f3n. Copia la clave de cifrado generada y mant\u00e9nla segura.<\/p>\n

<\/div>\n

\"\"<\/a><\/p>\n

\n
<\/div>\n

Activaci\u00f3n de tu tema
\n<\/strong><\/h3>\n

Abre el panel de control de Magento y encuentra el men\u00fa Content > Configuration (Contenido > Configuraci\u00f3n). \u00a0\u00a0\u00a0<\/strong><\/p>\n

\"\"<\/a><\/p>\n

En la lista de tiendas, es necesario hacer clic en edit (editar) en Global-Main Website. Adem\u00e1s, puedes hacer clic en editar para obtener una vista previa de una tienda en particular si las tienes.<\/p>\n

\"\"<\/a><\/p>\n

En Default Theme (Tema predeterminado), haz clic en la lista desplegable Applied Theme (Tema aplicado), selecciona un tema necesario y, a continuaci\u00f3n, haz clic en el bot\u00f3n Save Configuration (Guardar configuraci\u00f3n).<\/p>\n

\"\"<\/a><\/p>\n

\n
<\/div>\n

Configuraci\u00f3n de logo
\n<\/strong><\/h3>\n

Por favor sigue estos pasos para configurar la imagen de logotipo incluida en el paquete del tema [puedes verlo en la p\u00e1gina de demostraci\u00f3n en vivo del tema].<\/p>\n

Abre el panel de control de Magento y selecciona Content > Configuration (Contenido > Configuraci\u00f3n) en el men\u00fa lateral.<\/p>\n

<\/div>\n

\"\"<\/a><\/p>\n

En la lista de tiendas, es necesario hacer clic en editar en Global-Main Website. Adem\u00e1s, puedes hacer clic en editar para obtener una vista de una tienda en particular si las tienes.<\/p>\n

\"\"<\/a><\/p>\n

<\/div>\n

Selecciona la pesta\u00f1a \"Header\" (Cabecera) y sube tu logo.<\/p>\n

\"\"<\/a><\/p>\n

Haz clic en el bot\u00f3n \"Save Config\" (Guardar configuraci\u00f3n).<\/p>\n

Para instalar el logotipo de tu empresa, necesitas subir el archivo de imagen del logotipo a la carpeta \/images de tu tema de Magento.<\/p>\n

Puedes cambiar el logotipo por medio del m\u00f3dulo Theme Options (Opciones del tema).<\/p>\n

Para cambiar el logotipo, haz clic en Stores > Settings > Configuration (Tiendas > Configuraci\u00f3n > Ajustes).<\/p>\n

A continuaci\u00f3n, selecciona TEMPLATEMONSTER > Theme Options (Opciones del tema) en el men\u00fa a la izquierda y se te llevar\u00e1 a la interfaz de configuraci\u00f3n del m\u00f3dulo.<\/p>\n

Abre la pesta\u00f1a General\u00a0 > Logo Settings (General > Configuraciones del logotipo).<\/p>\n

Las funciones del m\u00f3dulo Theme Options (Opciones del tema) se describen en la parte Configuraci\u00f3n de extensiones TM de esta entrada.<\/p>\n

\n
<\/div>\n

Configuraci\u00f3n de p\u00e1ginas
\n<\/strong><\/h3>\n

Para que tu plantilla se vea exactamente como en nuestra demostraci\u00f3n en vivo, es necesario configurar las p\u00e1ginas de la tienda de una manera espec\u00edfica. Te prestamos todos los archivos con el c\u00f3digo fuente de las p\u00e1ginas. Necesitas a\u00f1adirlos al panel de control de Magento siguiendo las instrucciones que se indican a continuaci\u00f3n y utilizando la tabla de ajustes. La tabla de ajustes se encuentra en la p\u00e1gina de detalles t\u00e9cnicos en la p\u00e1gina de vista previa de la plantilla. El archivo de documentaci\u00f3n contiene el enlace a esta p\u00e1gina:<\/p>\n

<\/div>\n

\"\"<\/a><\/p>\n

<\/div>\n

La p\u00e1gina principal de la plantilla ser\u00e1 la m\u00e1s afectada. Generalmente contiene los siguientes elementos: banners, slider, galer\u00eda, etc.<\/p>\n

En el men\u00fa superior selecciona Content > Pages (Contenido > P\u00e1ginas). Aqu\u00ed puedes encontrar todas las p\u00e1ginas de la tienda. P\u00e1gina de inicio, \"Acerca de nosotros\" y \"Servicio al cliente\" deben estar ya disponibles, por lo que no es necesario agregarlos manualmente. S\u00f3lo es necesario actualizar las p\u00e1ginas HTML y XML. Abre cualquiera de ellas para obtener acceso al contenido.<\/p>\n

\"\"<\/a><\/p>\n

Abre la p\u00e1gina y selecciona la pesta\u00f1a Content (Contenido). Esta pesta\u00f1a contiene el c\u00f3digo HTML de la p\u00e1gina. Puedes copiar el c\u00f3digo HTML de la p\u00e1gina del archivo de origen apropiado. Puedes encontrar la lista de los archivos de origen incluidos en la secci\u00f3n \"Template Settings\" (Configuraci\u00f3n de plantillas) en la p\u00e1gina de vista previa de tu plantilla. Copia el c\u00f3digo del archivo de origen y p\u00e9galo en el \u00e1rea de contenido.<\/p>\n

\"\"<\/a><\/p>\n

Despu\u00e9s de acabar con el c\u00f3digo HTML, abre la pesta\u00f1a \"Design\" (Dise\u00f1o). Ella contiene el c\u00f3digo XML de la p\u00e1gina. El c\u00f3digo XML te permite agregar bloques est\u00e1ticos y widgets de Magento a la p\u00e1gina. El c\u00f3digo XML se debe copiar de la misma manera que el c\u00f3digo HTML del archivo de origen. Copia y pega el c\u00f3digo XML en el \u00e1rea \"Layout Update XML\".<\/p>\n

\"\"<\/a><\/p>\n

No te olvides de seleccionar la opci\u00f3n \"Layout\" v\u00e1lida.<\/p>\n

En caso de que necesites a\u00f1adir una nueva p\u00e1gina, haz clic en el bot\u00f3n \"Add New Page\" (Ag\u00f1adir nueva p\u00e1gina) en la esquina superior derecha.<\/p>\n

\n
<\/div>\n

Configuraci\u00f3n de bloques est\u00e1ticos<\/strong><\/h3>\n

Al terminar la configuraci\u00f3n de las p\u00e1ginas, tendr\u00e1s que pasar a la configuraci\u00f3n de los bloques est\u00e1ticos. El procedimiento es muy similar: debes copiar el c\u00f3digo de los archivos de origen y pegarlo en los campos correspondientes del panel de administraci\u00f3n de Magento. Es necesario utilizar una tabla similar, pero en este caso para los bloques est\u00e1ticos.<\/p>\n

El n\u00famero ID del bloque puede ser diferente en tu instalaci\u00f3n de Magento. Puedes encontrar el ID del bloque correcto en la secci\u00f3n Content > Blocks (Contenido > Bloques) en el panel de control.<\/p><\/blockquote>\n

En el men\u00fa superior, selecciona Content > Blocks (Contenido > Bloques).<\/p>\n

En la esquina superior derecha, haz clic en el bot\u00f3n \"Add New block\" (A\u00f1adir bloque nuevo) para a\u00f1adir un nuevo bloque est\u00e1tico.<\/p>\n

\"\"<\/a><\/p>\n

Especifica el nombre y el identificador del bloque. Puedes encontrar los detalles del bloque en la tabla en la p\u00e1gina de configuraci\u00f3n de la plantilla [consulte la secci\u00f3n de Configuraci\u00f3n de las p\u00e1ginas].<\/p>\n

Abre el archivo de origen del bloque, copia el c\u00f3digo HTML y p\u00e9galo en el \u00e1rea de contenido.<\/p>\n

\"\"<\/a><\/p>\n

NOTA: algunas plantillas no contienen bloques est\u00e1ticos, por lo que la tabla puede estar vac\u00eda.<\/em><\/strong><\/p>\n

\n
<\/div>\n

\u00bfC\u00f3mo mostrar nuestros bloques con el contenido est\u00e1tico?<\/strong><\/h3>\n

En el men\u00fa superior selecciona Content > Widgets (Contenido > Widgets).<\/p>\n

En la esquina superior derecha, haz clic en el bot\u00f3n \"Add Widget\" (A\u00f1adir widget) para a\u00f1adir un widget nuevo.<\/p>\n

\"\"<\/a><\/p>\n

Especifica el tipo de widget - CMS Static Block (Bloque est\u00e1tico de CMS) y el tema al que desea aplicar el widget y, a continuaci\u00f3n, haz clic en el bot\u00f3n Continue (Seguir).<\/p>\n

\"\"<\/a><\/p>\n

En la siguiente p\u00e1gina, en el campo Widget Title (T\u00edtulo del widget) ingresa el nombre del widget que se mostrar\u00e1 en el panel de control. En el campo Assign to Store Views (Asignar a vistas de tienda), necesitas seleccionar las versiones de la tienda en las cuales se mostrar\u00e1 el widget. En el bloque Layout Updates (Actualizaciones de layout), haz clic en el bot\u00f3n Add Layout Update\u00a0 (A\u00f1adir actualizaci\u00f3n de layout). En el campo Display On (Mostrar en) puedes seleccionar las p\u00e1ginas en las cuales se mostrar\u00e1 el widget. Dependiendo de las p\u00e1ginas seleccionadas, puede ser que tambi\u00e9n tengas que rellenar algunos campos adicionales.<\/p>\n

\"\"<\/a><\/p>\n

En la barra lateral izquierda, haz clic en la pesta\u00f1a Widget Options (Opciones de Widget) y selecciona el bloque est\u00e1tico al que est\u00e1s refiriendo. No te olvides de guardar los cambios.<\/p>\n

\"\"<\/a><\/p>\n

Cuando hayas terminado de configurar las p\u00e1ginas y los bloques de la tienda, tu tienda estar\u00e1 lista para lanzar.<\/p>\n

\n
<\/div>\n

Opciones de tema
\n<\/strong><\/h3>\n

Para personalizar el m\u00f3dulo, haz clic en Stores > Settings > Configuration\u00a0 (Tienda > Ajustes > Configuraci\u00f3n).<\/p>\n

\"\"<\/a><\/p>\n

A continuaci\u00f3n, elige TEMPLATEMONSTER > Theme Options (Opciones de tema) en el men\u00fa a la izquierda y se te redirigir\u00e1 a la interfaz de configuraci\u00f3n del m\u00f3dulo.<\/p>\n

Haz clic en Store View: Default Config (Vista de tienda: Configuraci\u00f3n predeterminada).<\/p>\n

Selecciona una vista de tu tienda en el men\u00fa desplegable.<\/p>\n

\"\"<\/a><\/p>\n

Confirma el cambio en la ventana emergente. Haz clic en \"OK\" para confirmar.<\/p>\n

\"\"<\/a><\/p>\n

<\/div>\n

Despu\u00e9s de hacerlo, se aparecer\u00e1 una nueva pesta\u00f1a llamada Theme color settings (Ajustes del color del tema) bajo de la opci\u00f3n General.<\/p>\n

La estructura de la pesta\u00f1a es la siguiente:<\/p>\n

\"\"<\/a><\/p>\n

<\/div>\n
\n
<\/div>\n

Examinamos la pesta\u00f1a de configuraci\u00f3n general
\n<\/strong><\/h3>\n
<\/div>\n

\"\"<\/a><\/p>\n

<\/div>\n

\u00a0<\/strong>Echa un vistazo a las opciones disponibles:<\/p>\n