Hi πŸ‘‹
How can we help you?
This is some text inside of a div block.
This is some text inside of a div block.

Use HTML code to customize your products details

Add the code to the text on the product’s description field.

‍

‍

Don't worry, you will see the code in the app but on the catalog your customers will see only the customized text.

‍

‍

‍

πŸ’‘ If you don't like too much information on the screen, separate each feature by line, this won’t affect the final result. To test your code as you go, write it on the W3 Coding Platform and tap on Run to see the final result.

‍

‍

  • Use headings to create a hierarchy. Make the code the first item on the sentence and use <h1> your text here </h1> for the largest text. Go up for the smaller texts, like <h2> your text here </h2>, <h3> your text here </h3> and so forth;
  • To break lines you need to use <br> at the end of the sentence and if you want more distance, add a second or third <br>;
  • To separate the text in paragraphs, use <p> your text here </p>;
  • If you use specific fonts, use <font style="font-family: font name here">;
  • To change the size of the text, use <font style="font-size: font size here px">;
  • If you want your text to be double spaced between words, add <tt> your text here </tt> to it;
  • To make the classic text styles, use <b> your text here </b> for bold, <i> your text here </i> for italic and <u> your text here </u> to underline the words;
  • Colours can be added to your text by using <font color=" add colour here "> at the beginning of the sentence. You can use the HEX of the colour or its name in English;
  • To strike information like prices, add <strike> your text here </strike>;
  • You can list items by using <li> your text here </li>. On the top of the list, specify if it is <ol> for numbers ou <ul> for bullet points;
  • Emojis or emoticons can be used throughout the text without code, just add them to the text and make sure they are not personalized as they might not be recognized in some browsers;
  • GIFs can also be used but they need to be inserted on the code <a><img src="image link here"></a>. To get the image link just right click on it and select Open image in new tab, copy the link and paste it on the code. And remember to make sure it is a free source GIF.

‍

‍

‍

Ready for a test? Copy and paste the text below to a product description in your app or to the W3 Coding Platform to see the code in action. 😎

‍

<h1> <font color = "#323f4c"> Mastering HTML with <font color = "#00d5b1"> Kyte <font color = "#323f4c">!</h1>
<h2> <font color = "#454e5f"> Here are some tips to customize your text: </h2>
<ol>
<li><tt> Make your text double spaced; </tt></li>
<li><b> Make it bold; </b></li>
<li><i> Or italic; </i></li>
<li><u> Underline a few words; </u></li>
<li><strike> Or strike it all off. </strike></li>
<br>
<ul>
<li><font color = "blue"> If <font color = "crimson"> you <font color = "green"> are <font color = "brown"> patient, πŸ₯± </li>
<li><font color = "black"> Make <font color = "orange"> each <font color = "black"> word <font color = "orange"> a <font color = "black"> different <font color = "orange"> colour. <font color = "black">🍭 </li>
<br><br>
<font color = "#323f4c">
<font style="font-family:magneto"> Change
<font style="font-family:mv boli"> the style
<font style="font-family:papyrus"> of your text. <br>
<font style="font-family:stencil"><font style="font-size:30px"> Make it big
<font style="font-family:pristina"><font style="font-size:15px"> or small. 🐭 <br>
<font color = "#00d5b1">
<font style="font-family:monotype corsiva"><font style="font-size:25px"> And dazzle your customers with animated GIFs.
<a><img src="https://i.pinimg.com/originals/68/8e/9e/688e9eb45c2f5cc82361d5c305ccc0ca.gif" width="050" height="050"></a>
Kyte Hacks
This is some text inside of a div block.
This is some text inside of a div block.

Community

Find and share solutions, suggestions and feedback with Kyters from all around the globe.

Visit the community

Feedback Hub

Feedback Hub gives you a direct channel to send your feature ideas, general suggestions or comments.

Send us feedback

Message us

If you're having trouble or need assistance, we're here for you.