Rich Text QR Code

Create QR Code Page
Design QR Code
Submit

Edit your QR Code fields

BACK

NEXT

Enter your text

Create a Rich Text QR Code

Example

Many people who create QR Codes don’t want to be held down by a prepared template but would like the option to be creative and follow after the idea in their heads. That’s why our Rich Text option is so popular. We offer three very basic templates that are completely editable in every way – color/text/font and you can add images, links and icons as much as you’d like.

Don’t give up on your ideas of how your QR Code’s destination should look like! Use this option to create exactly what you were looking for.

<p style="text-align: center;"><span style="font-size:14px;"><strong><br>Your Personal Mobile Page</strong></span></p><p style="text-align: center;"><img src="https://www.visualead.com/js/ckeditor/plugins/smiley/images/regular_smile.gif" data-cke-saved-src="https://www.visualead.com/js/ckeditor/plugins/smiley/images/regular_smile.gif" title="smiley" alt="smiley" width="20" height="20" style="font-size: 14px;"></p><p style="font-size: 14px; text-align: center;">You can use this template, or you can modify the page anyway you like!</p><p style="text-align: center;width :100%;"><div style="background-image: url(https://www.visualead.com/img/new_look_img/button_no_text.png);background-position: center center;background-repeat: no-repeat;text-align: center;"><a style="color: #fff;width: 192px;height:32px;display: inline-block;padding-top: 10px;text-decoration: none;font-size: 18px;" href="https://www.visualead.com/contact" >  This is some text  </a></div></p><p style="font-size: 14px; text-align: center;">Change the link of the button above by double-clicking it.</p>

<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script><style media="screen" type="text/css">/* reset */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}ol,ul{list-style:none;margin:0;padding:0;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}table{border-collapse:collapse;border-spacing:0;}/* start editing from here */a{text-decoration:none;}.txt-rt{text-align:right;}/* text align right */.txt-lt{text-align:left;}/* text align left */.txt-center{text-align:center;}/* text align center */.float-rt{float:right;}/* float right */.float-lt{float:left;}/* float left */.clear{clear:both;}/* clear float */.pos-relative{position:relative;}/* Position Relative */.pos-absolute{position:absolute;}/* Position Absolute */.vertical-base{	vertical-align:baseline;}/* vertical align baseline */.vertical-top{	vertical-align:top;}/* vertical align top */.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */nav.vertical ul li{	display:block;}/* vertical menu */nav.horizontal ul li{	display: inline-block;}/* horizontal menu */img{max-width:100%;}/*end reset*/body{	font-family: "AmbleRegular";	background:#35B406;	background-position:center;	background-size: 100% 100%;	font-weight:100%;}.wrap{	width:100%;	margin:0 auto;}.header{	background:#11151e;	padding:10px 0;	text-align:center;}.logo{	margin-bottom: 10px;	font-size: 30px;	color:#fff;}.top-header-left p{	font-size:13px;	color:#fff;}span.color{	color:#35B406;}p.para{	margin-bottom:7px;}/*--Conten--*/.content{	padding:20px 10px;	text-align:center;}.content-top h3{	border-bottom: 1px dotted #63996B;	padding-bottom:20px;}h3.head{	color:#fff;	font-size:1.5em;}.img{	margin-top:15px;}/*--contact--*/.contact-img{	text-align: center;	margin-top:-45px;}.button{	margin:25px 0 20px 0;}.button a{	font-family:Arial, Helvetica, sans-serif;	background: #FFF ;	padding:10px 25px;	cursor: pointer;	font-size:0.8em;	font-weight:bold;	margin: 0 auto;	text-align: center;		color: #A6A6A6;	border: 1px solid rgba(24, 24, 24, 0);	text-transform:uppercase;}.button a:hover {	color: #008BDE; } /*--footer--*/.footer-top{	}.footer {	color: #CCC;		background: #11151E;	bottom: 0;	width: 100%;}.footer a {	color: #FFF;	text-decoration: none;}/** Social Icons **/.social-icons {	text-align:center;	margin:0 auto;}.social-icons ul li:first-child, ol li:first-child {	margin-left: 0px;}.social-icons li {	display: inline-block;	width:30px;	height: 30px;	padding: 0px;	margin:5px 0 5px 2px;	border:1px solid #222;	background:#201F27;}.social-icons a.facebook:hover {	background-position: -38px top;}.social-icons a.facebook {	background-position: -110px top;}.social-icons li a {	height: 30px;	width: 30px;	display: block;	text-indent: -9999px;	background:url(https://www.visualead.com/img/visualead_images/footer_social_icons.png);}.social-icons a.twitter {	background-position: -72px top;}.social-icons a.twitter:hover {	background-position: -0px top;}.social-icons a.googleplus {	background-position: -72px bottom;}.social-icons a.googleplus:hover {	background-position: -0px bottom;}.social-icons a.dribbble {	background-position: -160px top;}.social-icons a.email {	background-position: -110px bottom;}.social-icons a.email:hover {	background-position: -38px bottom;}.copy{	float:right;	position:absolute;	bottom:8px;	right:10px;	font-size:13px;}</style><div class="header">	<div class="wrap">		<div class="logo">			My Title</div>		<div class="top-header-left">			<p class="para">				<span class="color">PHONE  </span> +1 123 456 789</p>			<p>				<span class="color">Email       </span>my@email.com</p>		</div>		<div class="clear">			 </div>	</div></div><div class="main">	<div class="wrap">		<div class="content">			<div class="content-top">				<h3 class="head">					My subtitle</h3>				<p style="color: #eee;">					Here you can put some more information</p>				<div class="clear">					 </div>				<div class="button">					<a href="mailto:my@rmail.com?subject=My%20subject&body=My%20message">  CONTACT US!  </a></div>			</div>		</div>	</div></div><div class="footer">	<div class="wrap">		<div class="footer-top">			<div class="social-icons">				<div class="clear">					 </div>				<ul>					<li>						<a class="facebook" href="https://www.facebook.com" target="_blank">Fb </a></li>					<li>						<a class="twitter" href="https://m.twitter.com" target="_blank">T</a></li>					<li>						<a class="googleplus" href="https://www.googleplus.com" target="_blank">g+</a></li>					<li>						<a class="email" href="mailto:my@email.com?subject=My%20subject&body=My%20message" target="_blank">e</a></li>				</ul>			</div>			<div class="clear">				 </div>		</div>	</div></div></div><p>	 </p>

<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script><style media="screen" type="text/css">/* reset */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}ol,ul{list-style:none;margin:0;padding:0;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}table{border-collapse:collapse;border-spacing:0;}/* start editing from here */a{text-decoration:none;}.txt-rt{text-align:right;}/* text align right */.txt-lt{text-align:left;}/* text align left */.txt-center{text-align:center;}/* text align center */.float-rt{float:right;}/* float right */.float-lt{float:left;}/* float left */.clear{clear:both;}/* clear float */.pos-relative{position:relative;}/* Position Relative */.pos-absolute{position:absolute;}/* Position Absolute */.vertical-base{	vertical-align:baseline;}/* vertical align baseline */.vertical-top{	vertical-align:top;}/* vertical align top */.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */nav.vertical ul li{	display:block;}/* vertical menu */nav.horizontal ul li{	display: inline-block;}/* horizontal menu */img{max-width:100%;}/*end reset*/body{    background:#00AEEF;    font-family:Arial, Helvetica, sans-serif; }.wrap{	  width:95%;	  margin:0 auto;}.main{	 margin-top:10px;}.logo{	 text-align:center;	 margin:0 auto;	 width:300px;	 height:80px;}.logo h1{	font-size:1.2em;	color:#FFF;	letter-spacing:2px;	text-transform:uppercase;		padding:32px 15px;}/** Social Icons **/.social-icons {	text-align:center;	margin:0 auto;}.social-icons ul li:first-child, ol li:first-child {	margin-left: 0px;}.social-icons li {	display: inline-block;	width:30px;	height: 30px;	padding: 0px;	margin:5px 0 5px 2px;	border:1px solid #222;	background:#201F27;}.social-icons a.facebook:hover {	background-position: -38px top;}.social-icons a.facebook {	background-position: -110px top;}.social-icons li a {	height: 30px;	width: 30px;	display: block;	text-indent: -9999px;	background:url(https://www.visualead.com/img/visualead_images/footer_social_icons.png);}.social-icons a.twitter {	background-position: -72px top;}.social-icons a.twitter:hover {	background-position: -0px top;}.social-icons a.googleplus {	background-position: -72px bottom;}.social-icons a.googleplus:hover {	background-position: -0px bottom;}.social-icons a.dribbble {	background-position: -160px top;}.social-icons a.email {	background-position: -110px bottom;}.social-icons a.email:hover {	background-position: -38px bottom;}.content{	text-align: center;	color:#FFF;}.content h2{	color:#FFF;	font-size:1.1em;	padding-bottom:5px;}#counter {	width:100%;	height:60px;	margin:10px auto;	font-size:1.8em;	color:#FFF;	overflow: hidden;}.countDays, .countHours, .countMinutes, .countSeconds {	float: left;	width:18%;	height:60px;	padding-left:6.5px;	background:#212121;	border: 1px solid #222;	margin-left:3px;	}.position {	position: relative;	float: left;	width:10px;	height:40px;	margin:0 0 0 5px;}.digit {	position: absolute;	top: 0;	left: 0;}.boxName {	float: left;	margin:0px 0  0 2px;	font-size:0.4em;	color: #008BDE;	clear: both;}.button{	margin:25px 0 20px 0;}.button a{	font-family:Arial, Helvetica, sans-serif;	background: #FFF ;	padding:10px 25px;	cursor: pointer;	font-size:0.8em;	font-weight:bold;	margin: 0 auto;	text-align: center;		color: #A6A6A6;	border: 1px solid rgba(24, 24, 24, 0);	text-transform:uppercase;}.button a:hover {	color: #008BDE; } .copy_right{	padding:10px 0;	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;	text-align:center;}.copy_right p{	font-size:0.7em;	color:#222;}.copy_right p a{	color: #FFF;}.copy_right p a:hover{    text-decoration:underline;}</style><div class="wrap">		<div class="header">			<div class="social-icons">									<ul>					<li><a class="facebook" href="https://m.facebook.com" target="_blank" data-cke-saved-href="https://www.facebook.com">Fb </a></li>					<li><a class="twitter" href="https://m.twitter.com" target="_blank">T</a></li>					<li><a class="googleplus" href="https://www.googleplus.com" target="_blank">g+</a></li>					<li><a class="email" href="mailto:my@email.com?subject=My%20subject&body=My%20message" target="_blank">e</a></li>					<div class="clear"></div>				</ul>			</div>			<div class="logo">				<h1>My Company name</h1>		   </div>		     </div>   <div class="main">	  <div class="content">		<h2>Hurry up!</h2>		<h2>Promotions ends within:</h2><p><br></p>		   <div id="counter" class="countdownHolder">15 DAYS!!</div>		   <div class="button"><a href="mailto:my@email.com?subject=My%20subject&body=My%20message" data-cke-saved-href="mailto:my@rmail.com?subject=My%20subject&body=My%20message">  CONTACT US!  </a></div>	  </div>   </div>	  </div>

BACK

NEXT

Template 1 | Template 2 | Template 3

CONNECT

ABOUT

ENTERPRISE

CODE GENERATOR

Copyright 2012-2024 Visualead all rights reserved. QR Code is a registered trademark of Denso Wave Incorporated. Visual QR Code is a registered trademark of Visualead.

Sign in

OR

Click below to sign in using your social account

Sign in with Facebook

Sign in with Google

*By Signing up, you agree to our terms of use and privacy policy.

Forgot Password

Enter your email address and we'll send you a link to reset your password

e.g. yourname@gmail.com

« Back to Sign in