How to insert html code into a Wix website

[subornaakter40]

Working with the Wix online builder has its own nuances. To add third-party code or a plugin script to the site, you need an HTML application.

External code or its components are referred to as iframe. Using the HTML application, you can customize the external form of the site or install, for example, a calendar or any widget graphic design email list that Wix does not have.

html code for wix website

Brief instructions for installing html code in Wix
On the left side of the editor, click the “Add” button.

Click on the "More" button.

Drag the HTML Code application onto the page or click on it.

The next step is “Insert Code”.

Add the required HTTPS code.

We complete the work by clicking the “Apply” button.

The Wix app works perfectly if you meet certain conditions:

The embedded code must be with the HTTPS extension. Code with HTTP is simply not displayed in the published form.

HTML code is defined by paired tags, such as opening <p> and closing </p>. Following this tag format is necessary to maintain the structure of the page you are formatting.

The HTML code contains the basic elements of the page, other codes are written for design settings and some functions. If any elements are not displayed or work correctly, then these options are not included in the HTML code. An example is CSS or JS files.

Before embedding the code, make sure it is updated and compatible with HTML5. Some browsers do not correctly display scripts and pages written in some outdated versions of HTML.

HTML application is an iFrame. In other cases, there is an incompatibility between the embedded code and the site, although this has not happened before.

Some sites are equipped with protection against embedding on other platforms (Wix is ​​one of them). Such a site may not be displayed in the editor or on your resource after publishing a link or pasting the code in the HTML application.


Read also!

"Control of employees' work: types, methods, errors"
Read more
How to insert counter code on Bitrix website
Bitrix is ​​a success among developers of commercial resources. Installation of Bitrix counters on the site is carried out without difficulty - a common template is opened and the html code copied from Yandex.Metrica or Google Analytics is inserted.

User actions – the administrative panel is expanded on the page, the “Website template” tab opens, go to the “In the control panel” section, where we click on the “Edit template” option.

Edit template

You can insert the counter's HTML code directly into the editor.

HTML code of the counter

One of the important conditions is that the same template is applied to all pages.

How to insert html code into a Mail.ru or Yandex.ru letter
Sometimes you need to insert code into an email to give it a unique style, for example, in corporate correspondence or newsletters. Most mail servers do not have tools for formatting.

But it is still possible to change the design of letters on free platforms like Mail.ru or Yandex. Designing a unique letter, for example a newsletter with visual elements, is a labor-intensive but quite feasible operation.

Let's look at how to insert HTML code into a Yandex or Mail.ru letter.

First, you need to create a letter template. Its width should not exceed 640 pixels for comfortable viewing on small monitors, so that the letter looks like a narrow page. Letter layout is a fairly common technique, and there are many instructions on the Internet for creating a beautiful interactive letter. We check how the selected mail service will react to the embedded template.

First of all, we test the email clients that we use most often:

Mail.ru;

Yandex;

Mozilla Thunderbird;

The Bat;

Gmail;

Microsoft Outlook.

If the template passes the test, we move on.

It is believed that only two clients allow you to correctly insert HTML code - Microsoft Outlook and Mozilla Thunderbird. But since most users are accustomed to using only Yandex or Mail.ru, we try to outsmart native mail programs.

We install and configure Mozilla Thunderbird for a user account.

HTML letter via Yandex Mail

In the settings, we must note that IMAP will be used for data transfer – the protocol for incoming correspondence and SMTP – the protocol for outgoing. Such an operation will open the possibility of downloading mail to Mozilla Thunderbird so that Yandex servers do not delete it and automatically update all letters from Mozilla Thunderbird.

With this manipulation we will be able to create email templates in Mozilla Thunderbird in HTML format and automatically download them to the Yandex mail folder.

We place the HTML code into the letter and save it as a template in Thunderbird.

After a few minutes, we fix the necessary folder "template" in the Yandex program and find there a formatted letter with html codes. You can refine the created template and save it in the desired form already in Yandex mail.

When creating a new letter, we will use our template, for which we need to click on the green “Template” link and load the required template. Yandex Mail has a special folder in the “Drafts” section for storing templates.

The problem with letters with HTML code is that the recipient does not see the images in the received letter. It often happens that the user downloads images from third-party sites and the receiving party does not see the images.

The methods to correct the error are as follows:

Upload the images you have chosen for layout to Yandex disk (when sending mail from the Yandex server), to the Mail.ru cloud (when sending a letter from mail.ru). Specify direct links to the uploaded image in the service. Make sure that the selected link opens only the image and nothing else.

Try loading the image into the body of the letter, having recoded it into base 64. All that remains is to place the image code in base 64 format in the tags <imgsrc="data:image/png;base64, image code received from the service"/>

The most effective option is to recode the image into base 64 code - this is both more reliable and takes less time (your image will not be deleted from Yandex Disk, since it is placed in the letter).

The goal of creating a beautiful letter has been achieved. If you want, you can delete the Thunderbird program. Now your letters are a truly unique product, and you are a master who can insert html code anywhere.