Créer une boutique en ligne sans bases de données avec simplecart (js)

Les systèmes commerciaux sont souvent lents, encombrants systèmes qui peuvent être très exigeants. Les exceptions sont blog (WordPress) à savoir les plug-ins, mais même ceux-ci nécessitent un contrôle avancé sur votre serveur Web et base de données installe.

Bref, beaucoup de travail, aux fichiers et vraiment difficile à utiliser avec espace web gratuit (limité).

Aujourd`hui, nous allons discuter d`une solution de rechange. Il est gratuit, super léger, et a juste besoin d`une petite approche différente. C`est-à-dire, il n`y a pas d`interface utilisateur graphique pour ajouter des éléments de magasin avec ce site web panier. , Vous avez besoin au lieu d`insérer des balises simples dans votre code HTML. Ne vous inquiétez pas, nous allons vous dire comment.

SimpleCart (js)

L`interface utilisateur final est lisse, simple et directe. Les produits sont alignés dans ce site web panier dans une grille, avec des icônes relativement grandes, explication du produit et le prix. Le webmaster peut éventuellement ajouter différentes options pour un produit, à savoir les petites, moyennes et grandes T-shirts. En raison de l`accumulation, SimpleCart est mieux utilisé pour afficher un plus petit et la disposition des produits relativement statique, parfaitement adapté pour les vendeurs amateurs.

le site web panier

Le panier est habituellement affiché en bas de la page, mais vous pouvez à peu près le mettre où vous voulez. Ici, l`acheteur peut examiner les produits déjà sélectionnés, modifier la quantité, ou de vider la carte.

le site web panier

Lorsque vous êtes satisfait, appuyez sur le bouton Commander prendra l`acheteur de Paypal ou Google Checkout, à partir d`un transfert d`argent à votre compte. Vous recevrez une notification lorsque vous obtenez l`argent, où après que vous pouvez expédier les produits. Aussi simple que cela.

Configuration SimpleCart sur votre site

Tout d`abord, assurez-vous que vous avez un site Web de base capable de javascript d`exécution (dont la plupart peuvent) et un peu peu d`espace web pour le reste des fichiers. Vous pouvez télécharger SimpleCart (js) du site. Il est ware don, vous pouvez choisir vous-même si vous l`aimez et comment vous pensez bien qu`il vaut la peine.

Décompressez le fichier et télécharger simpleCart.js dans votre répertoire du site. La mise en place est complété par l`insertion d`un peu peu de code dans les fichiers HTML de votre site Web. Chaque fois que ces extraits de code sont insérés, c`est là les composants SimpleCart spécifiques apparaissent.

Ajoutez ceci à chaque page, entre les

Video: The 5 Minute Online Store using only HTML and javascript

et

balises, où que vous souhaitez utiliser SimpleCart.

Ajouter ci-dessus pour faire SimpleCart vérifier à l`aide de Paypal. Vous devez également indiquer votre adresse email Paypal. Modifiez les éléments en vert, et coller l`intégralité de l`extrait entre la

et

balises, où que vous souhaitez utiliser la caisse.

Video: Copy of Comment créer gratuitement votre boutique en ligne a

Si vous voulez utiliser une Google Checkout, collez l`extrait ci-dessus entre la

et

balises, où que vous souhaitez utiliser la caisse. Au lieu de votre adresse e-mail, échanger l`élément vert avec votre Google Checkout Merchant ID.

Video: LWS - Créez facilement votre boutique en ligne Zencart

Nom du produit

35,99 $
 Ajouter au panier 

Le code extrait ci-dessus est utilisé pour ajouter un élément à votre étagère. Modifiez le nom de l`article et le prix, spectacle en vert. La classe de sélection, en bleu, est entièrement facultative. S`il n`y a pas sous-classes dans votre produit, vous pouvez le laisser sortir. Coller entre le

et

balises, où que vous voulez afficher sur votre page.

Coller ce entre le

et

Video: How to add products

tags, où vous souhaitez afficher l`ensemble du site web panier.

Vous avez des articles dans votre total Cart.Cart: 
CheckoutEmpty

Les éléments ci-dessus affichent respectivement la quantité d`articles dans votre panier, le total de la commande, un lien de commande et un lien de panier est vide. Chaque élément peut exister indépendamment.

Jetez un oeil à la documentation pour les paramètres plus avancés, y compris les options de change, des taux d`imposition, le transport et la mise en forme changeant de panier.

Que pensez-vous de SimpleCart (js)? Avez-vous déjà vendu quoi que ce soit en ligne sur votre propre site, et comment est-il passé? Faites le nous savoir dans les commentaires!

Articles connexes