Title: Show QR code on e-mail
Last modified: January 25, 2023

---

# Show QR code on e-mail

 *  [alingabriel28](https://wordpress.org/support/users/alingabriel28/)
 * (@alingabriel28)
 * [3 years, 5 months ago](https://wordpress.org/support/topic/show-qr-code-on-e-mail/)
 * Hello,
 * I used this tutorial to generate a QR code, but how could I insert it into the
   client’s email?
 * I used this code in form:
 *     ```wp-block-code
       <div id="qrcode"></div>
       <script src="https://cdn.jsdelivr.net/gh/davidshimjs/qrcodejs@master/qrcode.js"></script> 
       <script type="text/javascript">
       var wpcf7Elm = document.querySelector( '.wpcf7' );
       wpcf7Elm.addEventListener( 'wpcf7mailsent', function( event ) { 
        setTimeout(function() {
         var respElem= document.querySelector( '.wpcf7-response-output' );
         var resp = respElem.innerHTML.split("%%");
         respElem.innerHTML = resp[0];
         new QRCode(document.getElementById("qrcode"), resp[1] ); 
        }, 100);
       }, false );
       </script>
       ```
   
 * and in message body i use: %%[_date]-[_serial_number]. But it seems that the 
   image with that qr code is not displayed.
    -  This topic was modified 3 years, 5 months ago by [alingabriel28](https://wordpress.org/support/users/alingabriel28/).
      Reason: incomplete
    -  This topic was modified 3 years, 5 months ago by [Samuel Wood (Otto)](https://wordpress.org/support/users/otto42/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fshow-qr-code-on-e-mail%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [AW](https://wordpress.org/support/users/geykgn/)
 * (@geykgn)
 * [3 years, 5 months ago](https://wordpress.org/support/topic/show-qr-code-on-e-mail/#post-16417973)
 * Hi!
   Maybe this will help: [https://rsvpproplugin.com/sending-inline-images-via-wordpress-wp_mail/](https://rsvpproplugin.com/sending-inline-images-via-wordpress-wp_mail/)

Viewing 1 replies (of 1 total)

The topic ‘Show QR code on e-mail’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

## Tags

 * [e-mail](https://wordpress.org/support/topic-tag/e-mail/)

 * 1 reply
 * 2 participants
 * Last reply from: [AW](https://wordpress.org/support/users/geykgn/)
 * Last activity: [3 years, 5 months ago](https://wordpress.org/support/topic/show-qr-code-on-e-mail/#post-16417973)
 * Status: not resolved