How to Add Custom CSS in Wix Website

How to add custom css in wix website

You can do this by embedding inline styles to every page, via creating a chunk of custom css code contained between <style> and </style>.

  1. Go to your site's dashboard.
  2. Click Manage Website on the left.
  3. Click Tracking & Analytics.
  4. Click + New Tool **and select **Custom from the dropdown.
  5. Set up your custom code:

    1. Enter your custom code.
    2. Select the relevant domain. Note: This option will appear only if you have multiple domains.
    3. Enter a name for your custom code.
    4. Add Code to Pages: Select which pages to add your code to:

      • **All Pages: **Click the dropdown to select an option:

        • Load code once.
        • Load code on each new page.
      • **Choose specific pages: **Begin typing the name of the relevant pages and then click the checkbox next to the relevant page.
    5. Place Code in: Select where the code snippet in placed in your site's code:

      • Head - as noted by @Daniel Gurtner, avoid this because it'll insert it BEFORE any of the inherent styles, which makes it mostly useless here.
      • Body - start
      • Body - end Note: I'd recommend adding your style chunk here to avoid having a delay effect on your loading
  6. Click Apply.

Trying to edit Wix website HTML

You can embed HTML markup into the site, but it is not possible to edit the HTML of the site itself.

Is there a way to make a Wix website optimized for SEO without using custom domain?

Hope this answers your question.

According to Wix, Yes you can rank your free website:

"We guarantee that all of your site content can be crawled and indexed by search engines (e.g. Google and Bing) whether you have a Premium site or not." Referring Article

Using GitHub Page + Forms

You mentioned wanting Wix for a contact form. Here are some alternative ways to get a contact form on your GitHub Page

  1. Netlify Contact Form + GitHub Page via hywel
  2. Use a strong Call to Action (CTA) with a link to a form like Google Forms, Typeform, MailChimp etc

Steps to Rank Your Free Wix Website

Increase the page rank and SEO without paying for Wix.

  1. Use the Wix Verification section to claim ownership.

    • Dashboard > SEO Tools > Site Verification
    • You can't use the wizard in "Step 1: Get your homepage ready for Google Search".
    • When you read about using GSC, look at the Google documentation or recent content (last year or few years).
  2. Fill out the meta data for each page.

    • Wix SEO for ADI editor
    • Free Wix Site SEO
    • Read more online about this
  3. Give your images relevant descriptive names.

  4. Use an online image compression tool to reduce the file size of your images before uploading.



Related Topics



Leave a reply



Submit