Embed a login link to your webitse

At Qwil, we aim to make secure communication with clients as easy as possible. One simple way to do this is by adding a Qwil login button to your website so clients can quickly access their secure messages.

Many firms add a Qwil button to their website so clients know exactly when they need to contact you, even if they don't have the app installed.

Instead of searching through emails, clients can simply click Log in to Qwil and access their secure conversation.

Embed the Qwil login button

Copy and paste the following code into your website where you would like the button to appear.

<div style="text-align:center;margin:20px 0;">
  <a href="https://web.qwil.io"
     style="
       display:inline-block;
       background:#005caa;
       color:#ffffff;
       padding:15px 25px;
       border-radius:4px;
       font-family:Arial, Helvetica, sans-serif;
       font-size:16px;
       text-decoration:none;
     ">
     Log in to Qwil
  </a>
</div>

Here is an example:

Where should I place the button?

Firms typically add the Qwil login button in places where clients expect to access their secure portal.

Common locations include:

• Client portal page
• Website footer
• Client login section
• Website header

Adding a Qwil login button to your website makes it easier for clients to access secure messaging instead of sending sensitive information by email.

Adding Qwil to your website header

Many firms prefer to add the Log in to Qwil button to their website header or navigation bar. This allows clients to access secure messaging from any page of your website.

Most websites place login buttons on the right-hand side of the header, alongside other login links.

Because headers control their own layout, you only need to add the button link itself. Your website theme or menu system will handle the positioning automatically.

Header button code

Copy and paste the following code into your website header or navigation area.

<a href="https://web.qwil.io"
   style="
     display:inline-block;
     background:#005caa;
     color:#ffffff;
     padding:10px 18px;
     border-radius:4px;
     font-family:Arial, Helvetica, sans-serif;
     font-size:15px;
     text-decoration:none;
   ">
   Log in to Qwil
</a>

Tip: If your website builder does not allow HTML inside navigation menus, you can simply create a normal menu item that links to https://web.qwil.io and style it as a button using your theme settings.

Adding the button to common website builders

WordPress

1. Edit the page where you want the button.
2. Add a Custom HTML block.
3. Paste the embed code above.
4. Publish the page.

Squarespace

1. Edit your page.
2. Add a Code Block.
3. Paste the HTML snippet.
4. Save the page.

Wix

1. Add an Embed HTML element.
2. Paste the code.
3. Publish your website.

Need help?

If you would like help adding a Qwil login button to your website, contact our support team and we will be happy to assist.