Bring your content to life with colors, featured text, and effective buttons
When you publish an advertisement, every detail counts. A title with the right color can grab attention in seconds, highlighted text conveys urgency, and a well-designed button invites an immediate click. With simple HTML snippets, you can transform a standard advertisement into one that's much more attractive and persuasive.
Key definitions
HTML: a markup language that allows you to format and style the contents of an advertisement.
Source Code: an editor option that shows the HTML code behind the text.
CTA (Call To Action): a button or link that invites the user to perform a specific action, such as booking or discovering an accommodation.
HEX Color Code: a numerical value that defines a color on the web, like #1ca22e (green).
Change the color of a title or text
If you want to make a title stand out or highlight a message, you can change its color from the editor:
Step by step
Enter the "Description" field and add your advertisement content.
Click on "<> Source Code" to access the HTML code.
Insert the following code and replace the text with your own:
<p style="color:#1ca22e;">Super Offer</p>
In this example, #1ca22e is a green color. Change "Super Offer" to your desired text.
Helpful Tip
You can apply the color in the code and, when you return to the simple view, add bold or change the size from the editor options.
Highlight a word or phrase
Sometimes it's enough to highlight a key piece of information, like a discount:
<p>Take advantage of a <span style="color:#1ca22e;">15% discount</span> on your next stay!</p>
Thus, only "15% discount" will appear in green, and the rest will maintain its original style.
Insert a CTA button with a link
A good button acts as a clear invitation. To include it:
<p>
<a href="https://www.example.com">
<button style="background-color:#1ca22e; color:white; padding:10px; font-size:16px;">
Discover the accommodations
</button>
</a>
</p>
href="...": replace with the destination URL.background-colorandcolor: adjust with your brand's colors.paddingandfont-size: modify the space and text size.
Best Practices
Use corporate colors to maintain visual consistency.
Avoid buttons that are too small: they should be easy to identify and click.
Include action verbs ("Discover," "Book," "Explore") that motivate clicks.
Quick Checklist
Before publishing your advertisement, check the following:
Is the title in an eye-catching and readable color?
Are key discounts or benefits highlighted?
Does the button lead to the correct page?
Does the design look good on both desktop and mobile?
Now that you know how to customize your advertisements with HTML, you can give them a unique style: standout titles, discounts that can't be ignored, and buttons that invite action. The next step is to experiment with different combinations and discover which design generates more clicks and bookings.
FAQs
Do I need to know programming to apply HTML snippets in web advertisements?
No. Just copy and paste the snippets and adjust the text, colors, or links from "<> Source Code".
Where can I get HEX color codes to customize titles, texts, and buttons in my advertisements?
You can get them from HEX color generators or your company's visual identity manual.
If I make a mistake inserting the HTML in the advertisement, what happens and how do I fix it from "<> Source Code"?
If there's an error, the style won't apply; go back to "<> Source Code" and correct the code.
Can I combine multiple HTML styles (e.g., color, size, and bold) in the same advertisement without complications?
Yes. Apply the color in the code and use the editor to add other styles like bold or size.
Will the call-to-action (CTA) button inserted with HTML work correctly on both desktop and mobile?
Yes, as long as the link is valid; it's advisable to test it on both mobile and computer before publishing.