Fiewor John Fiewor

Wix Headless in action: A WhatsApp chatbot

To demonstrate how the Wix Headless API can be used, I've developed a WhatsApp chatbot that integrates with a Wix store, allowing customers to browse products, add items to their cart, and proceed to checkout - all within WhatsApp.

The chatbot uses the Wix Headless API, to communicate with the Wix store to fetch product information, manage the shopping cart, and handle the checkout process. Any changes made to the store, such as adding new products or adjusting prices, are automatically reflected in the chatbot.

The code for the chatbot can be found at https://github.com/YitziG/wa-store.

Key Components

JavaScript function hoisting by example

Below are many examples of function hoisting behavior in JavaScript. Ones marked as works successfuly print 'hi!' without errors.

To play around with these examples (recommended) clone them with git and execute them with e.g. node a.js

Notes on hoisting

(I may be using incorrect terms below, please forgive me)

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

	@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

	@tailwind base;
	@tailwind components;
	@tailwind utilities;

	/*
	Note: The styles for this gradient grid background is heavily inspired by the creator of this amazing site (https://dub.sh) – all credits go to them!
	*/


	1. You mast have a public key from your mashine stored on github as SSH key here:
	https://github.com/settings/ssh

	How to create ssh key on unix/mac os x:
	- Open terminal, go to the root typing: $ cd ~ (recommended)
	- Type: ssh-keygen -t rsa -C "your@email.address"
	- To secure your ssh key ststem will ask you for passphrase (recommended) but you can skip it also
	- That's you have the ssh key
	- Check it with: $ ls -al ~/.ssh

	license: mit
	border: no