Formatting Issue with Qualtrics Email Invites in Outlook: Misaligned Buttons and Non-Clickable Links | XM Community
Skip to main content

Hello, I encountered an issue in Qualtrics email invites when using buttons. When participants forward the invite, the buttons become misaligned and the links stop working. As a temporary solution, we removed the HTML code responsible for rounded borders. I'm seeking suggestions or any customization options available to address this problem specifically in Outlook. Thank you!

Hi, Try this. I used the same and it was working.

Table:

<table width="100%" cellspacing="0" cellpadding="0">
  <tr>
      <td>
          <table cellspacing="0" cellpadding="0">
              <tr>
                  <td class=”button” bgcolor="#ED2939">
                      <a  class=”link” href="Your http link" target="_blank">
                          Click             
                      </a>
                  </td>
              </tr>
          </table>
      </td>
  </tr>
</table>

 

CSS for Button: pass this on html head

<style>
 .button {
    border-radius: 2px;
}

.button a {
    padding: 8px 12px;
    border: 1px solid #ED2939;
    border-radius: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #ffffff; 
    text-decoration: none;
    font-weight: bold;
    display: inline-block;  
}

table {
  text-align: center;
}
</style>

 

 

Leave a Reply


Terms & Conditions