How to Create a QR Code on Wix: A Step-by-Step Guide | CodeMasters
top of page

How to Create a QR Code on Wix: A Step-by-Step Guide

Updated: Oct 18, 2023


phone detecting QR code

QR codes have become an integral part of modern life. They can direct people to your website, allow them to download your app, or even display your contact information with just a scan. If you are using Wix to create or manage your website, you might want to include a QR code. Here's how you can easily create and add a QR code to your Wix website.


Step 1: Log in to your Wix account

If you don't have a Wix account, you’ll need to create one. Head over to Wix.com and sign up. If you already have an account, log in and navigate to the dashboard of the site you want to add the QR code to.


Step 2: Choose the content for your QR Code

Before creating the QR code, determine what it will link to. This could be a webpage, contact information, or any other content. Have the link or information ready.


Step 3: Create the QR Code

Step 3.1: Choose a QR Code Generator

As mentioned earlier, there are several online QR code generators. Some popular options are:

Select the one that best suits your needs. Some generators offer additional features such as customization and analytics.


Step 3.2: Select Content Type

After you’ve chosen a QR code generator, you need to select what kind of content your QR code will link to. Common options include:

  • URL: Links directly to a web page.

  • Text: Displays plain text.

  • Contact: Shows contact information.

  • Email: Sets up an email template.

  • Phone: Calls a phone number.

  • SMS: Creates a text message.

  • Location: Shows a location on a map.

  • Wi-Fi: Shares Wi-Fi connection details.

Screenshot Wix QR Generator
Wix QR Generator

Step 3.3: Enter Your Content

Now, input the content or link you want the QR code to contain. If you chose URL, paste the web link; if it’s contact information, fill in the necessary fields, and so on.


Step 3.4: Customize Your QR Code (Optional)

Many QR code generators allow you to customize the appearance of your QR code. You can often change:

  • Colors: Alter the foreground and background colors.

  • Size: Choose the dimensions of the QR code.

  • Error Correction: Higher levels of error correction allow the code to still be readable even if part of it is damaged.

  • Logo: Some generators let you add a custom logo in the center of the QR code.

Step 3.5: Generate the QR Code

After inputting your content and customizing the design, it’s time to generate the QR code. Click the “Generate”, “Create”, or similar button.


Step 3.6: Test the QR Code

Before downloading, it’s a good idea to test the QR code. Use a QR code scanner app on your smartphone to ensure it works as intended.


Step 3.7: Download the QR Code

Once you’re satisfied, download the QR code. It’s usually best to download it in a high-resolution format like PNG or SVG to ensure it remains clear when resized.

Now that you have your QR code image, you can proceed to Step 4: Adding the QR Code to Your Wix Site.


Step 4: Add the QR Code to Your Wix Site

Now that you have your QR code image, it’s time to add it to your Wix website. Follow these steps:

  • Go back to your Wix Editor.

  • Click on the ‘+ Add’ button on the left-hand side of the editor.

  • Select ‘Image’ from the dropdown menu.

  • Click on ‘Upload Media’ and upload the QR code image you downloaded.

  • Drag and drop the QR code image to the desired location on your page.

You can resize and position the image as needed. Remember to keep the QR code large enough so it's easily scannable.



Add Image from Editor


Step 5: Link the QR Code (optional)

If you want your QR code to not only be scannable but also clickable, you can add a link to it:

  • Click on the QR code image you just added.

  • Click on the ‘Link’ icon.

  • Enter the URL or information you want to link to.

  • Click ‘Done’.

Step 6: Publish Your Changes

Don’t forget the final step! Once you are satisfied with how your QR code looks on your site, click the ‘Publish’ button at the top right corner of your Wix editor to make the changes live.


image of WIx editor highlighting Publish button


Wrapping Up

Congratulations! You have successfully created and added a QR code to your Wix website. This can greatly enhance the user experience by providing a quick and easy way for visitors to access additional content.


If you find yourself in need of further assistance or are looking for expert guidance to take your Wix website to the next level, don't hesitate to reach out to CodeMasters Agency.

bottom of page