How to Configure HTML Generator Features (Link List & Product)
How to Use HTML Generator (Link List)
YouTube Frame
-
Go to the youtube settings page to get the Channel ID code https://www.youtube.com/account_advanced.
-
Copy Channel ID code.
-
In the YouTube Frame field, enter your YouTube Channel ID code. Example:
UCw4QsMGWZmueFt43QSJEsbQ.
Add a New Link List
-
Click the Add a new list button.
-
In the Image URL field, enter the URL of the image. Example:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmAK7wZk4eO2w7BgXHF6S_oCYNeb_fhQy-iyiv43xHnjDRPALJDYAMPPxrlfj_kX0faJYdrsZKZDw_E4tNl4cDD1pijZVae1k8bQo3wuOXloO1yR1BmRNSWwFM705qk4YljcyPQtkU6BPcmgGispwszM-Xnpk5IMEDP3jT04mM1IFp57tTjhJv31fgVAa-/s1600/Tokopedia.webp. -
In the Menu Name field, enter the menu name. Example:
Tokopedia Official Store. -
In the Link field, enter the destination URL link.
-
Click the Generate code button to generate the HTML code. Paste the code in the Layout widget titled Link List.
How to Use HTML Generator (Product List)
Add a New Product List
-
Click the Add a new list button.
-
In the Store Name field, enter the name of your store. Example:
Tokopedia Official Store. -
In the Product Image URL field, enter the URL of your product image. Example:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_zq5WYXNAUgplTzikEQhtltY9FdBd7JY9aOTDjd_Ck15pAmPim9_7JGkgQr_O5-mo_82EkpRqj6izX8PcPsx3_eU8ZFUl32PeTto4yL9FNrLM_xbUxfUWbnfCXKtVSXDud6rjXdynONQdcgx5v2M6FAqAmaYKYEmRSs8J6LZH6EVX5fbZGTOv9V1Tjp-l/s1600/Samsung%20Galaxy%20S25%20Ultra%20-%20Black.jpg. -
In the Product Name field, enter the name of your product. Example:
Samsung Galaxy S25 Ultra - Black. -
In the Link field, enter the destination URL link.
-
Click the Generate code button to generate the HTML code. Paste the code in the Layout widget titled Product List.
