# How to use the tool to generate template code?

Link tool:  <https://themes.halothemes.com/shopify/description_tab/>

**To generate a template code using the generate tool, follow the steps below:**

### **01. Step 1:** Go to the **template generate tool link** you want to use

&#x20;(In this example, we’ll use the following link: <https://themes.halothemes.com/shopify/description_tab/#template1>).

### **02. Step 2:** Add the necessary information through the settings.

Here, you can add the layouts you want to include in the template using the settings on the left side of the screen. Additionally, you can preview how the layout will be displayed on the right side of the screen.

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FgowlRbFN0oxAwNJdCccF%2Fimage.png?alt=media&#x26;token=dc9c2eab-6491-4a56-928c-4caba12427a9" alt=""><figcaption></figcaption></figure>

You can add the new section into the template via the "+Add" Button

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FR9anlFnSP9jtFqV4FMXZ%2Fimage.png?alt=media&#x26;token=eccdebac-a2d1-413e-8377-014245693e0b" alt=""><figcaption></figcaption></figure>

Then add content to the item you just added

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FvMcjWkkCI7eDpnoiH76G%2Fimage.png?alt=media&#x26;token=09887ebb-0d53-4add-9cd6-5940b1852230" alt=""><figcaption></figcaption></figure>

You can remove this section from the template using the 'Remove' button.

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2F1tjhDPGJUfQHPMoet6ct%2Fimage.png?alt=media&#x26;token=3e70cc09-cca6-4adc-8aea-62f7d8a79b3c" alt=""><figcaption></figcaption></figure>

### **03. Step 3:** Copy template code.

* After you've finished adding content, scroll down and click the 'Generate HTML' button to create the HTML code.&#x20;

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2Fq9XXF5c8C3MSaTqSXC3I%2Fimage.png?alt=media&#x26;token=86b74d9d-39be-4b6c-9168-0c7d3322ca5f" alt=""><figcaption></figcaption></figure>

* Once it's generated, click the 'Copy Code' button to copy the template code.

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2Ftn7Z8hMAmC0TL6NNYCCP%2Fimage.png?alt=media&#x26;token=ffa32071-ac32-45e0-9fac-11b6feb8afde" alt=""><figcaption></figcaption></figure>
