Maneras fáciles de crear una tienda profesional en línea con WordPress

Maneras fáciles de crear una tienda profesional en línea con WordPress
4.9 (98%) 10 votos

Para los due√Īos de negocios que venden bienes o servicios, los productos tienen una el sitio web muy importante por que porque en esta era sofisticada, con el desarrollo de la tecnolog√≠a, hace que sea m√°s f√°cil para todas las personas hacer cosas como comprar un art√≠culo o buscar un servicio a trav√©s de Internet.

Por este motivo, para empresarios que no tengan uno. el sitio web lo retrasará y el negocio que maneja será un desarrollo plano o un poco conseguir clientes y compradores. Imagínese si todos los compradores de todos los rincones del mundo visitan su sitio, entonces las ganancias son mayores que las de los negocios. fuera de línea.

Para aquellos de ustedes que quieran aprender cómo hacer una el sitio web sin la necesidad de conocimientos de programación o de aquellos que no asisten a la escuela en el campo de las TI, no hay que preocuparse porque al seguir este tutorial puede crear uno. el sitio web Profesionales fácilmente, siguiendo el tutorial:

A. Instalación y ajustes WordPress CMS en Localhost usando XAMPP

Antes de seguir esta guía tutorial, debe seguir el tutorial anterior que realizó el autor:

  • C√≥mo instalar WordPress en Localhost usando XAMPPWindows
    OS)
  • C√≥mo instalar WordPress en Localhost usando XAMPP (Mac OS X)

Este tutorial lo aprenderemos y lo probaremos. localhost (Desconectado) antes de publicar oficialmente en linea

B. Instalar el complemento de comercio electrónico en WordPress

Después de seguir la guía tutorial de cómo instalar WordPress entonces necesitamos instalar Complemento de comercio electrónico. Complemento es una aplicación de terceros que sirve para modificar o agregar nuevas funciones a el sitio web

1
. Iniciar sesión pagina admin wordpress

http: // localhost / wordpress / wp-admin o

http: //localhost/wordpress/wp-login.php

inicio de sesión de wordpress localhost

Cómo instalar los complementos de WordPress a través del panel de control

2
. Entrar en el menu Plugins ‚Üí A√Īadir Nuevo. Siguiente en la columna buscar escribe: Woocommerce y selecciona el bot√≥n instalar ahora. (Para aquellos conectados a la conexi√≥n a internet en la computadora).

cómo instalar el plugin de woocommerce

Alternativa: Cómo instalar los complementos de WordPress a través de la carpeta XAMPP (Manual)

O se puede hacer manualmente, es decir descargar primero pluginesta en https://wordpress.org/plugins/woocommerce/

descargar el plugin de woocommerce

Entonces extraer el archivo de plugin √öltimo WooCommerce copia Carpeta y contenidos en la carpeta WordPress XAMPP. plugin, el camino es el siguiente:

Para usuarios Windows
OS

Copiar carpeta junto con los contenidos de la carpeta. C: / XAMPP / htdocs / wordpress / wp-content / plugin /

Para usuarios de Mac OS X

Copiar carpeta junto con los contenidos de la carpeta. Aplicación / XAMPP / htdocs / wordpress / wp-content / plugin /

cómo instalar el plugin de woocommerce 2

3
. Active el complemento WooCommerce, ingrese al men√ļ Plugins ‚Üí Plugins instalados ‚Üí WooCommerce (haga clic Activar)

cómo instalar el plugin de woocommerce 3

C. Configuraciones de Complemento de WooCommerce

4
. A continuación se dirigirá a configuración WooCommere, elige ¡Vamos! y Continua

cómo instalar el plugin de woocommerce 4

5
. A continuación, rellene Configuración de la tienda local, si has continuado "Continuar".

cómo instalar el plugin de woocommerce 6
Explicación:

  • ¬ŅD√≥nde est√° su tienda basada: La ubicaci√≥n de su negocio es, por ejemplo, Indonesia.
  • ¬ŅQu√© moneda usar√° tu tienda? La moneda que se utilizar√° en las transacciones en nuestra tienda en l√≠nea.
  • Posici√≥n de la moneda: Posici√≥n de la moneda, si el pa√≠s es Indonesia, por ejemplo, Rp se encuentra a la izquierda (izquierda).
  • Mil separador: Separador de miles. Si el estado indonesio usa un punto y viceversa, si el pa√≠s extranjero usualmente usa comas.
  • Separador decimal: Decimales decimales de decimales. Si el estado indonesio usa comas. Si los pa√≠ses extranjeros suelen utilizar comas.
  • N√ļmero de decimal: N√ļmero decimal Rellena los numeros 0
    Si no quieres mostrar centavos.
Recomendamos:  Teclast F15 Review: Laptop de 15.6 pulgadas con Intel N4100

Si desea cambiar la configuraci√≥n o hay un error de configuraci√≥n, puede establecerla de nuevo en el men√ļ WooCommerce ‚Üí Configuraciones.

6
. Siguiente "Configuración de envío e impuestos".

Va a estar enviando productos: Compruebe si env√≠a el formulario de un producto f√≠sico y si cada compra del producto est√° sujeta a impuestos, verif√≠quelo tambi√©n ¬ŅEstar√°s cobrando un impuesto a las ventas?. Continuar para continuar

cómo instalar el plugin de woocommerce 7

7
. La siguiente función de pago es configurar las transacciones de pago que se utilizarán en nuestra tienda en línea. En general, para Indonesia que utiliza "pagos mediante transferencia bancaria", compruebe qué quiere probar. Si ya has elegido continuar

cómo instalar el plugin de woocommerce 8

8
. Finalmente, selecciona el botón "No gracias" y por favor trate de hacer un producto que quiera vender eligiendo "Crea tu primer producto".

cómo instalar el plugin de woocommerce 9

D. Crear y escribir productos en el panel de WordPress

Para agregar un producto como: Entrar al men√ļ Producto ‚Üí A√Īadir producto.

9
. Rellenar nombre del producto, categor√≠as de productos, etiquetas de productos, rellene la discreci√≥n sobre el producto, precio regular, precio de venta. Haz el tama√Īo de todas las im√°genes del producto por ejemplo: 500px X 500px para que la posici√≥n de la imagen sea uniforme y ordenada.

cómo instalar el plugin woocommerce 10

Ejemplos como los siguientes:

Cómo instalar el plugin de woocommerce 12

11. Si todos los datos necesarios son necesarios, haga clic en el botón publicar.

E. Configuración de la información de pago en transferencia bancaria en WooCommerce

12. Para completar la informaci√≥n de pago mediante transferencia bancaria ingrese al men√ļ WooCommerce ‚Üí Configuraci√≥n ‚Üí Comprobaci√≥n ‚Üí BACS.

En este men√ļ, WooCommerce tiene un men√ļ. General, Producto, Env√≠o, Caja, Cuenta y correo electr√≥nico. Puedes intentar verlo y arreglarlo uno por uno.

cómo instalar el plugin woocommerce 13

13. Complete la información de su cuenta bancaria para recibir pagos a través del canal de transferencia. Si has seleccionado el botón "Guardar cambios".

cómo instalar el plugin woocommerce 14

F. Cambiar la visualización inicial de la página frontal estática

Para poder listar los productos que vendemos en la página principal, necesita cambiar por defecto configuración inicial frente estático página página, cómo:

14. Entra al men√ļ Apariencia ‚Üí Personalizar.

cambiar wordpress static portada

15. Selecciona el men√ļ portada est√°tica para cambiar

cambiar wordpress static portada 2

16. Luego cambia a Una p√°gina est√°tica. Siguiente cambia la p√°gina portada para ser tienda (debido a lista por defecto Los productos que hacemos est√°n en la p√°gina. tienda)

cambiar wordpress static portada 3

17. Guardar y publicar. Después de eso, es una introducción básica a la creación de una tienda en línea con WordPress.

Recomendamos:  Samsung Galaxy Variante de M30 con Exynos 9610 SoC descubierto en Geekbench, inclinado para debutar como Galaxy M30s

Además de embellecer el aspecto de nuestro sitio web de la tienda en línea para que se vea profesional, debe cambiar el tema de WordPress.

G. Cómo subir un tema de WordPress

18. Descargar El tema de la tienda en l√≠nea primero, puede obtenerlo en Internet o en el men√ļ de WordPress de tema com√ļn. Por favor, ingrese al men√ļ Apariencia ‚Üí Temas ‚Üí A√Īadir nuevo.

Descargar el tema de la tienda en línea

Nota: Cada configuración de tema de WordPress es diferente, así que lea cada guía o documento cómo usarlo.

Cargar temas a trav√©s del men√ļ del panel

C√≥mo cambiar el tema a trav√©s de tablero de instrumentos WordPress: Entra al men√ļ Apariencia ‚Üí Temas ‚Üí Agregar nuevo ‚Üí Cargar tema.

Cargar temas a través de la carpeta XAMPP (Manual)

Para usuarios Windows
OS

19. Copiar carpeta junto con los contenidos de la carpeta. C: / XAMPP / htdocs / wordpress / wp-content / themes /

Para usuarios de Mac OS X

Copiar carpeta junto con los contenidos de la carpeta. Aplicación / XAMPP / htdocs / wordpress / wp-content / themes /

Cómo cambiar los temas de WordPress de la tienda en línea

H. Cómo cambiar la tienda en línea Temas de WordPress

20. Después de tener un tema de tienda en línea subir El siguiente éxito es activar el tema de la tienda en línea Inwepo. Como

Entrar en el menu Apariencia ‚Üí Temas ‚Üí Elegir Activar, sobre el tema de la tienda online que ha estado en subir.

Cómo cambiar los temas de WordPress de la tienda en línea 2

Por favor accede de nuevo p√°gina de inicio tu sitio web principal http: // localhost / wordpress , los resultados ser√°n los siguientes:

Crea una tienda online profesional usando wordpress inwepo.

I. Cómo configurar los temas de la tienda en línea

21. hacer ajustes tema entrar en el men√ļ Ajustes de tema.

J. Cómo cambiar el logotipo del encabezado del tema

22. Ingresa al men√ļ Ajustes de tema ‚Üí Encabezado ‚Üí Logotipo.

Sube la imagen del logo que tienes sobre su tama√Īo. 400px x 100px.

Maneras fáciles de crear una tienda profesional en línea con WordPress 1

23. Luego haz clic en el botón Guardar cambios.

Cómo cambiar el logotipo del encabezado del tema 2

24. Cambiar el tama√Īo del logo en la columna del men√ļ. Altura del logotipo.

Siguiente para crear páginas de información como páginas acerca de y conectarlo a pie de página, primero tenemos que hacer una pagina. publicar primero como:

25. Ingresa al men√ļ panel de control, P√°ginas ‚Üí A√Īadir Nuevo.

crear una p√°gina sobre wordpress

26. Ingresa al men√ļ Cuadro de mandos, Apariencia ‚Üí Men√ļ. Luego completa el nombre pie de p√°gina en el menu nombre y haga clic en el bot√≥n crear men√ļ

hacer un enlace de men√ļ en wordpress

27. Luego revisa la columna Acerca de, haga clic en el bot√≥n A√Īadir al men√ļ el men√ļ aparecer√° acerca de ha sido a√Īadido al men√ļ estructura (Vea la imagen de abajo). Entonces marque Men√ļ de pie de p√°gina y finalmente haga clic en el bot√≥n Guardar men√ļ.

hacer un enlace de men√ļ de pie de p√°gina en wordpress

Puedes a√Īadir men√ļs pie de p√°gina como contacto, t√©rmino y condici√≥ny as√≠ sucesivamente.

Recomendamos:  Sony Xperia 1: La funci√≥n pr√°ctica regresa con el nuevo tel√©fono celular superior despu√©s de a√Īos

K. Cómo cambiar Permalink WordPress Url

Cambio enlace permanente La url de WordPress tiene como objetivo hacer que el enlace url sea m√°s visible amable y afectar al SEO (Posicionamiento en buscadores) en Google, Bing y el sitio motor de b√ļsqueda otros

28. Entrar en el men√ļ Ajustes ‚Üí Permalinks. Cambiar a Nombre del post.

cómo cambiar el wordpress permalink

L. Cómo hacer un control deslizante / Imágenes de presentación de diapositivas en WordPress

Para embellecer el aspecto de las tiendas en línea que podemos utilizar. deslizador o foto presentación de diapositivas en página de inicio nosotros somos Mucho plugin WordPress gratuito y de pago que proporciona una función de control deslizante para nuestro WordPress. El ejemplo aquí el autor usa Plugin WPBakery Visual Composer eso ya incluir en el tema de la tienda en línea proporcionada por el autor en este tutorial.

29. Entra al men√ļ Complementos ‚Üí Comenzar a instalar complementos (Vea la imagen de abajo)

como instalar recomendaciones de plugin

30. Luego seleccione clic instalar WPBakery Visual Composer.

instala el plugin wpbakery visual composer

31. Ingresa al men√ļ P√°ginas ‚Üí Todas las p√°ginas ‚Üí Editar tienda (Portada).

crear un men√ļ de la galer√≠a deslizante en la p√°gina

32. Haga clic en el botón EDITOR DE BACKEND para ser MODO CLASICO (Para que parezca más fácil).

cómo hacer wordpress galería de diapositivas 2

33. Luego haga clic botón + Agregar elemento → Control deslizante de banner → + (Más) → Banner. Vea la imagen de abajo.

cómo configurar el control deslizante de banner de WPBakery Visual Composer 1

34. rellena forma ajustes y subir banner de fotos con tama√Īo 1050px X 550px.

cómo configurar el control deslizante de banner de WPBakery Visual Composer

  • Dise√Īo: Ancho completo
  • T√≠tulo: nombre del t√≠tulo de la imagen
  • Tama√Īo del t√≠tulo: Gran tama√Īo
  • Tipo de enlace: Ajax Shop link
  • T√≠tulo del enlace de la tienda: nombre url enlace
  • Enlace de la tienda (URL): complete el enlace de la url de su dominio, ejemplo: localhost / wordpress / product-category / laptop /
  • Dise√Īo de enlace: Elija texto o banner. (El ejemplo aqu√≠ elige el enlace de texto).
  • Esquema de color de texto: Elija color de escritura claro u oscuro.
  • Posicion de texto: Posici√≥n del texto (el ejemplo aqu√≠ elige el centro a la izquierda).

35. agregar fotos deslizador, haga clic en el signo + luego haga clic editar dibujo a l√°piz en parte bandera Reci√©n a√Īadido. Vea la imagen de abajo.

cómo configurar el control deslizante de banner de WPBakery Visual Composer 2

36. Si es todo, haga clic en el botón Guardar cambios y Actualizar

37. Para hacer una foto. deslizador Conviértete en el ancho completo del camino: Haz clic. icono lápiz en compositor visual → Tipo de fila completo (sin relleno).

cómo configurar el control deslizante de banner de WPBakery Visual Composer 3

Si todos ellos eligen Guardar cambio y Actualizar. Entonces el resultado final ser√° el siguiente:

Cómo crear una tienda profesional en línea usando wordpress inwepo

Para ver demostración en vivo es

Demo en vivo

Descargar el tema de la tienda en línea

Guía para usar los temas de la tienda en línea

A tiempo 1
Días en los que puedes hacer fácilmente una tienda online profesional.

Adición: También puede instalar el complemento JNE para obtener información de envío. Descargar WooCommerce JNE Shipping.


<! –

escribir en inwepo

->

Dej√°nos tus Comentarios: