{"id":18044,"date":"2024-01-04T11:36:54","date_gmt":"2024-01-04T04:36:54","guid":{"rendered":"https:\/\/www.makewebeasy.com\/en\/blog\/?post_type=manual-4&#038;p=18044"},"modified":"2024-01-23T10:54:02","modified_gmt":"2024-01-23T03:54:02","slug":"add-widget","status":"publish","type":"manual-4","link":"https:\/\/www.makewebeasy.com\/en\/blog\/manual-4\/add-widget\/","title":{"rendered":"Add Widget"},"content":{"rendered":"<p><strong>Add and edit widgets:<\/strong> The system is available for customization in the website&#8217;s <a href=\"https:\/\/www.makewebeasy.com\/en\/blog\/manual-4\/add-section\/\">section<\/a> where in addition to the seven widgets. The system will have a preset to select a total of 19 styles.<\/p>\n<ul>\n<li aria-level=\"1\">Text<\/li>\n<li aria-level=\"1\">Image<\/li>\n<li aria-level=\"1\">Button<\/li>\n<li aria-level=\"1\">Line Separator<\/li>\n<li aria-level=\"1\">YouTube<\/li>\n<li aria-level=\"1\">Interactive<\/li>\n<li aria-level=\"1\">Social<\/li>\n<li aria-level=\"1\">Counter<\/li>\n<li aria-level=\"1\">Album<\/li>\n<li aria-level=\"1\">Image Gallery<\/li>\n<li aria-level=\"1\">Article (Blog)<\/li>\n<li aria-level=\"1\">Product<\/li>\n<li aria-level=\"1\">Product Brand<\/li>\n<li aria-level=\"1\">Coupon<\/li>\n<li aria-level=\"1\">Form<\/li>\n<li aria-level=\"1\">Frequently Asked Questions (FAQS)<\/li>\n<li aria-level=\"1\">Contact<\/li>\n<li aria-level=\"1\">Event Calendar<\/li>\n<li aria-level=\"1\">Map<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><b>1. Text is the creation of text boxes in which users can customize the position of text, the text setting, the text background, and the distance from the edge by adding text. <\/b>The method for adding text (Text) is as follows.<\/p>\n<p>1. Click on\u00a0<b>\u201c<span style=\"color: #00ffff;\">Text<\/span>\u201d<\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21739 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-348-620x337.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-348-620x337.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-348-920x500.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-348.png 1421w\" alt=\"\" width=\"620\" height=\"337\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-348-620x337.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-348-620x337.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-348-920x500.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-348.png 1421w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>2. The system shows Site Settings on the side, consisting of<\/p>\n<p><strong>2.1<\/strong><b>\u00a0Align text :<\/b>\u00a0Users will be able to adjust text only if\u00a0The width of the text is\u00a0<b>\u201cfixed width\u201d<\/b><br \/>\n<b><\/b><\/p>\n<p><strong>2.2<\/strong><b>\u00a0Text settings:\u00a0<\/b>Users can set the width of the text in 2 formats:\u00a0<b>\u201cFull width\u201d <\/b>and <b>\u201cFixed width\u201d\u00a0<\/b><b><\/b><\/p>\n<p><strong>2.3\u00a0<\/strong><b>Text Background :<\/b>When the Text Background setting is turned on, the system displays the desired background color, along with the distance from the edge.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21738 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-349-620x370.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-349-620x370.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-349-920x550.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-349.png 1299w\" alt=\"\" width=\"620\" height=\"370\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-349-620x370.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-349-620x370.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-349-920x550.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-349.png 1299w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>3. In case the user wants to edit the text, click on\u00a0<b>\u201cEdit Text\u201d\u00a0<\/b><\/p>\n<p>4. Pop up display system for customizing text. Users can customize the font style, font size, spacing, as well as customize the color of the text.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21737 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-350-620x507.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-350-620x507.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-350-920x753.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-350.png 967w\" alt=\"\" width=\"620\" height=\"507\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-350-620x507.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-350-620x507.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-350-920x753.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-350.png 967w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>Example of how to customize text background\u00a0<\/b><\/p>\n<p>1. Go to<strong> \u201c<span style=\"color: #00ffff;\">Text Background<\/span>\u201d\u00a0<\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21742 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-351-1.png\" alt=\"\" width=\"259\" height=\"353\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-351-1.png\" \/><\/p>\n<p>2.\u00a0 Open settings\u00a0<strong>\u201c<span style=\"color: #00ffff;\">Text Background<\/span>\u201d<\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21743 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-355.png\" alt=\"\" width=\"257\" height=\"360\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-355.png\" \/><\/p>\n<p>3. Click\u00a0<b>\u201c<span style=\"color: #00ffff;\">Color Box\u201d<\/span><\/b>\u00a0to select the desired background color<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21741 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-353.png\" alt=\"\" width=\"429\" height=\"617\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-353.png\" \/><\/p>\n<p>4. Adjust the distance from the edge. The system will set the default value to 15, and the user can adjust the distance from the edge as desired.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21740 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-354.png\" alt=\"\" width=\"257\" height=\"360\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-354.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone wp-image-21744 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-763-1-620x201.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-763-1-620x201.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-763-1-920x299.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-763-1-1536x498.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-763-1.png 1630w\" alt=\"\" width=\"753\" height=\"244\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-763-1-620x201.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-763-1-620x201.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-763-1-920x299.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-763-1-1536x498.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-763-1.png 1630w\" data-sizes=\"auto\" \/><\/p>\n<p><i>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0Result in the case of adding a text background<\/i><\/p>\n<p>&nbsp;<\/p>\n<p><b>2. Image <\/b>\u00a0You can add the images you want in 3 formats. Once added, you can still manage the images according to your needs.\u00a0\u00a0by There are methods for adding and customizingImages as follows<\/p>\n<p>1. Click on\u00a0<b>\u201c<\/b><b><span style=\"color: #00ffff;\">Image<\/span>\u201d<\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21746 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-356-620x368.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-356-620x368.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-356-920x546.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-356.png 1518w\" alt=\"\" width=\"620\" height=\"368\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-356-620x368.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-356-620x368.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-356-920x546.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-356.png 1518w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>2. The system shows Site Settings on the side, consisting of<\/p>\n<p><strong>2.1<\/strong>\u00a0<b>Align images :<\/b>\u00a0Users can align images in 3 ways: left-aligned, center-aligned, and right-aligned.<\/p>\n<p><strong>2.2<\/strong><b>\u00a0Image size :\u00a0<\/b>Users can adjust the width. and the height of the image.<b>\u00a0<\/b><\/p>\n<p><strong>2.3<\/strong><b>\u00a0Image Settings<\/b>\u00a0<b>:<\/b>\u00a0User can select image. Choose a picture frame Adjust the transparency of the image. Images can be cropped<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21745 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-357-620x408.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-357-620x408.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-357-920x605.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-357.png 1370w\" alt=\"\" width=\"620\" height=\"408\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-357-620x408.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-357-620x408.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-357-920x605.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-357.png 1370w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>Example of how to adjust images (Image setting)\u00a0<\/b><\/p>\n<p>1. Go to <span style=\"color: #00ffff;\"><strong>image settings\u00a0<\/strong><\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21807 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-358-1.png\" alt=\"\" width=\"274\" height=\"626\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-358-1.png\" \/><\/p>\n<p>2. Users can change the picture they want. By clicking on the button<b> \u201c<span style=\"color: #00ffff;\">Browse<\/span>\u201d<\/b>\u00a0to select the desired image<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21806 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-359-1.png\" alt=\"\" width=\"272\" height=\"626\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-359-1.png\" \/><\/p>\n<p>3. You can adjust the picture filling format in 3 formats:<\/p>\n<ul>\n<li aria-level=\"1\">Square<\/li>\n<li aria-level=\"1\">Rounded<\/li>\n<li aria-level=\"1\">Circle<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21805 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-360-1.png\" alt=\"\" width=\"272\" height=\"626\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-360-1.png\" \/><\/p>\n<p>4. Users can adjust the brightness of the image with the default setting set to 100%.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21804 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-361-1.png\" alt=\"\" width=\"272\" height=\"626\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-361-1.png\" \/><\/p>\n<p>5. In case the user wants to crop the image, click on the &#8220;<strong><span style=\"color: #00ff00;\">crop<\/span><\/strong>&#8221; button.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21803 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-362-1.png\" alt=\"\" width=\"272\" height=\"626\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-362-1.png\" \/><\/p>\n<p>6.\u00a0The system will display tools for cropping images. Users can crop images as desired.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21797 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-363-620x326.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-363-620x326.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-363-920x483.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-363.png 931w\" alt=\"\" width=\"620\" height=\"326\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-363-620x326.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-363-620x326.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-363-920x483.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-363.png 931w\" data-sizes=\"auto\" \/><\/p>\n<p>7. When you have the desired image. Click on the icon\u00a0<b>\u201c<span style=\"color: #00ffff;\">checkmark<\/span>\u201d<\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21796 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-364-620x334.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-364-620x334.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-364.png 914w\" alt=\"\" width=\"620\" height=\"334\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-364-620x334.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-364-620x334.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-364.png 914w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21808 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-764-620x251.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-764-620x251.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-764-920x372.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-764.png 1349w\" alt=\"\" width=\"620\" height=\"251\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-764-620x251.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-764-620x251.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-764-920x372.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-764.png 1349w\" data-sizes=\"auto\" \/><\/p>\n<p><i>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Result in case of cropping the image<\/i><\/p>\n<p><b>3. Button Widget:<\/b> You can create buttons as needed. Customize the color, size, and font of the button, and user can also set the path of the button as needed. Here&#8217;s how to add a button widget:<\/p>\n<p>1. Click on\u00a0<b>\u201cButton\u201d<\/b><\/p>\n<p>2. Select the desired button style.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21812 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-365-620x411.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-365-620x411.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-365-920x609.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-365.jpg 1338w\" alt=\"\" width=\"620\" height=\"411\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-365-620x411.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-365-620x411.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-365-920x609.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-365.jpg 1338w\" data-sizes=\"auto\" \/><\/p>\n<p>3. The system displays Site Settings. Users can customize the button placement. Button text can customize buttons such as font style, font size, button style, etc. You can also adjust the distance from the edge of the button.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21811 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-366-620x460.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-366-620x460.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-366-920x683.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-366.jpg 1194w\" alt=\"\" width=\"620\" height=\"460\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-366-620x460.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-366-620x460.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-366-920x683.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-366.jpg 1194w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21810 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-765-620x220.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-765-620x220.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-765-920x326.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-765.png 1532w\" alt=\"\" width=\"620\" height=\"220\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-765-620x220.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-765-620x220.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-765-920x326.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-765.png 1532w\" data-sizes=\"auto\" \/><\/p>\n<p><i>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Results in the case of customizing the button design.<\/i><\/p>\n<p><b>4. Line Separator<\/b> Can create lines to decorate widget sections. You can also adjust the size, color, and position as desired. The method for adding separator widgets is as follows:.<\/p>\n<p>1. Click on\u00a0<b>\u201c<\/b><b><span style=\"color: #00ffff;\">Line Separator<\/span>\u201d<\/b><\/p>\n<p>2. Select the desired squeeze line style.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21817 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-367-620x423.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-367-620x423.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-367-920x628.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-367.png 1259w\" alt=\"\" width=\"620\" height=\"423\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-367-620x423.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-367-620x423.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-367-920x628.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-367.png 1259w\" data-sizes=\"auto\" \/><\/p>\n<p>3. The system displays Site Settings. Users can customize the position of the separator lines. Set separator lines, such as separator line color.<\/p>\n<p>Separator line width, size, and separator style can be adjusted.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21816 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-368-620x482.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-368-620x482.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-368-920x715.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-368.png 1093w\" alt=\"\" width=\"620\" height=\"482\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-368-620x482.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-368-620x482.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-368-920x715.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-368.png 1093w\" data-sizes=\"auto\" \/><\/p>\n<p>4. In case you want the width of the separator line to fill the entire area, click on the button<b>\u00a0\u201c<span style=\"color: #00ffff;\">Auto Width<\/span>\u201d<\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21815 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-369-620x307.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-369-620x307.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-369.png 839w\" alt=\"\" width=\"620\" height=\"307\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-369-620x307.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-369-620x307.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-369.png 839w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21814 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-766-620x264.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-766-620x264.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-766-920x392.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-766.png 1250w\" alt=\"\" width=\"620\" height=\"264\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-766-620x264.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-766-620x264.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-766-920x392.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-766.png 1250w\" data-sizes=\"auto\" \/><\/p>\n<p><i>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0Result<\/i><i>In case of adding a line separator widget<\/i><\/p>\n<p><b>5. YouTube Widget<\/b> can insert videos from Youtube, set playback options for the clip. The details for adding a YouTube widget are as follows:.<\/p>\n<p>1. Click on the menu\u00a0<b>\u201c<span style=\"color: #00ffff;\">YouTube<\/span>\u201d<\/b><\/p>\n<p>2. Click on YouTube Preset.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21821 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-370-620x387.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-370-620x387.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-370-920x574.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-370.png 1292w\" alt=\"\" width=\"620\" height=\"387\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-370-620x387.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-370-620x387.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-370-920x574.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-370.png 1292w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>3. The system displays Site Settings. Users can adjust the video position. YouTube video settings Display format and set a YouTube video cover<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21822 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-371-620x469.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-371-620x469.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-371-920x696.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-371.png 1166w\" alt=\"\" width=\"620\" height=\"469\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-371-620x469.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-371-620x469.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-371-920x696.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-371.png 1166w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>Example of setting method Y<\/b><b>outube video cover<\/b><\/p>\n<p>1. Turn on toggle<b> \u201c<span style=\"color: #00ffff;\">Youtube Cover<\/span>\u201d<\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21825 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-372-620x470.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-372-620x470.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-372-920x697.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-372.jpg 1162w\" alt=\"\" width=\"620\" height=\"470\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-372-620x470.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-372-620x470.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-372-920x697.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-372.jpg 1162w\" data-sizes=\"auto\" \/><\/p>\n<p>2. Modal Display, a file management system, allows users to select the image of the video cover as desired and then click the <strong><span style=\"color: #000000;\">&#8220;<\/span><span style=\"color: #00ffff;\">Add image<span style=\"color: #000000;\">&#8220;<\/span><\/span><\/strong> button.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21824 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-373-620x368.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-373-620x368.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-373-920x546.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-373.jpg 1362w\" alt=\"\" width=\"620\" height=\"368\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-373-620x368.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-373-620x368.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-373-920x546.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-373.jpg 1362w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21823 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-706-620x225.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-706-620x225.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-706-920x333.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-706.png 1217w\" alt=\"\" width=\"620\" height=\"225\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-706-620x225.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-706-620x225.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-706-920x333.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-706.png 1217w\" data-sizes=\"auto\" \/><\/p>\n<p><i>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Results in the case of setting YouTube video cover<\/i><\/p>\n<p>&nbsp;<\/p>\n<p><b>6. Interactive<\/b> enables users to create widgets with animated text effects. Here&#8217;s how to add interactive widgets:.<\/p>\n<p>1. Click on\u00a0<b>\u201c<\/b><b><span style=\"color: #00ffff;\">Interactive<\/span>\u201d\u00a0<\/b><\/p>\n<p>2. Select the desired interactive format.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21826 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-374-620x393.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-374-620x393.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-374-920x583.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-374.png 1385w\" alt=\"\" width=\"620\" height=\"393\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-374-620x393.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-374-620x393.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-374-920x583.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-374.png 1385w\" data-sizes=\"auto\" \/><\/p>\n<p>3. The Site Settings display allows users to customize interactive placement, content placement, background customization, and customized effects when pointed at.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21828 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-375-620x509.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-375-620x509.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-375-920x755.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-375.jpg 1066w\" alt=\"\" width=\"620\" height=\"509\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-375-620x509.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-375-620x509.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-375-920x755.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-375.jpg 1066w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21827 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-707-620x223.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-707-620x223.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-707-920x331.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-707.jpg 1275w\" alt=\"\" width=\"620\" height=\"223\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-707-620x223.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-707-620x223.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-707-920x331.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-707.jpg 1275w\" data-sizes=\"auto\" \/><\/p>\n<p><i>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0Results in the case of site adjustment with <\/i><i>Interactive<\/i><\/p>\n<p><b>7. Social <\/b>can create social widgets, allow users to promote the brand, connect with customers, and also enable\/disable various social media settings by adding social widgets.<\/p>\n<p>1. Click on\u00a0<strong>\u201c<span style=\"color: #00ffff;\">Social<\/span>\u201d<\/strong><\/p>\n<p>2. Select the social format (Preset)<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21831 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-376-620x385.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-376-620x385.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-376-920x571.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-376.png 1384w\" alt=\"\" width=\"620\" height=\"385\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-376-620x385.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-376-620x385.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-376-920x571.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-376.png 1384w\" data-sizes=\"auto\" \/><\/p>\n<p>3. Site Settings display system allows users to adjust social media positioning. and customize social media formats according to needs<\/p>\n<p>4. In case the user wants to manage social media, Click on the button <b>\u201c<span style=\"color: #00ffff;\">Manage Social<\/span>\u201d<\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21830 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-377-620x263.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-377-620x263.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-377-920x390.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-377-1536x652.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-377.png 1706w\" alt=\"\" width=\"620\" height=\"263\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-377-620x263.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-377-620x263.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-377-920x390.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-377-1536x652.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-377.png 1706w\" data-sizes=\"auto\" \/><\/p>\n<p>5. Modal display system for managing social media, Users can turn on and off social settings according to their needs.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21829 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-378-620x314.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-378-620x314.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-378-920x465.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-378-1536x777.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-378.jpg 1912w\" alt=\"\" width=\"620\" height=\"314\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-378-620x314.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-378-620x314.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-378-920x465.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-378-1536x777.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-378.jpg 1912w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21832 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-718.png\" alt=\"\" width=\"582\" height=\"171\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-718.png\" \/><\/p>\n<p><i>\u00a0\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Results in the case of site adjustment <\/i><i>Social<\/i><\/p>\n<p>&nbsp;<\/p>\n<p><b>8. Counter <\/b>can set the counter number. and set the speed as desired. The method for adding count widgets is as follows.<\/p>\n<p>1. Click on\u00a0<b>\u201c<\/b><b><span style=\"color: #00ffff;\">Counter<\/span>\u201d<\/b><\/p>\n<p>2. Click on<b>\u00a0\u201c<span style=\"color: #00ffff;\">Add Number Counter<\/span>\u201d<\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21835 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-379-620x369.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-379-620x369.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-379-920x548.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-379.png 1443w\" alt=\"\" width=\"620\" height=\"369\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-379-620x369.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-379-620x369.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-379-920x548.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-379.png 1443w\" data-sizes=\"auto\" \/><\/p>\n<p>3. The system displays Site Settings to allow the user to set the count.<\/p>\n<p>4. In case you want to edit the count, click on <b>\u201c<span style=\"color: #00ffff;\">Edit Counter<\/span>\u201d<\/b><\/p>\n<p>5. Pop up display system for customizing text. Users can customize the font style, font size, spacing, as well as customize the color of the text.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21834 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-380-620x277.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-380-620x277.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-380-920x411.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-380-1536x685.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-380.png 1981w\" alt=\"\" width=\"620\" height=\"277\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-380-620x277.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-380-620x277.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-380-920x411.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-380-1536x685.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-380.png 1981w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21833 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-716-620x366.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-716-620x366.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-716-920x543.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-716.png 1493w\" alt=\"\" width=\"620\" height=\"366\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-716-620x366.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-716-620x366.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-716-920x543.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-716.png 1493w\" data-sizes=\"auto\" \/><\/p>\n<p><i>\u00a0\u00a0\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u200b \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Results in the case of adjusting the count site.<\/i><\/p>\n<p>&nbsp;<\/p>\n<p><b>9. Album <\/b>can create album widgets that have the site&#8217;s admin-side information displayed and can also be configured to display category selection and color-coded album titles as desired by adding the following album widgets:<\/p>\n<p>1. Click on\u00a0<b>\u201c<\/b><b><span style=\"color: #00ffff;\">Album<\/span>\u201d<\/b><\/p>\n<p>2. Select a format (Preset) according to your needs.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21844 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-381-620x384.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-381-620x384.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-381-920x570.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-381.png 1387w\" alt=\"\" width=\"620\" height=\"384\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-381-620x384.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-381-620x384.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-381-920x570.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-381.png 1387w\" data-sizes=\"auto\" \/><\/p>\n<p>3. Site settings display system on the side, consisting of a total of 5 management systems:<\/p>\n<p>3.1 Manage Photo Album<\/p>\n<p>3.2 Settings Photo Album cover<\/p>\n<p>3.3 Album Layout<\/p>\n<p>3.4 Design<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21843 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-347-620x257.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-347-620x257.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-347-920x381.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-347-1536x637.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-347.png 1645w\" alt=\"\" width=\"620\" height=\"257\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-347-620x257.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-347-620x257.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-347-920x381.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-347-1536x637.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-347.png 1645w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>3.1 <\/b><b>Manage Photo Album<\/b><\/p>\n<p>Click on the &#8220;<span style=\"color: #00ffff;\"><strong>Manage<\/strong><\/span>&#8221; column to select categories, organize data, and display the number of photo albums.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21842 ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-643.png\" alt=\"\" width=\"338\" height=\"260\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-643.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>3.2 Settings Photo Album cover<\/b><\/p>\n<p>Click on the tab<b>\u00a0\u201c<span style=\"color: #00ffff;\">Settings<\/span>\u201d\u00a0<\/b>to enable\/disable the settings album cover display<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21841 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-644.png\" alt=\"\" width=\"344\" height=\"274\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-644.png\" \/><\/p>\n<p><b>\u00a03.3 A<\/b><b>lbum Layout<\/b><\/p>\n<p>Click on the tab\u00a0<b>\u201cLayout\u201d<\/b>\u00a0 to select the album cover style<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21840 ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-645.png\" alt=\"\" width=\"343\" height=\"276\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-645.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>3.4 Management D<\/b><b>esign<\/b><\/p>\n<p>Click on the tab <b>\u201c<span style=\"color: #00ffff;\">Design<\/span>\u201d<\/b> to customize font style and font color<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21839 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-646.png\" alt=\"\" width=\"343\" height=\"618\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-646.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21838 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-804-620x284.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-804-620x284.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-804-920x422.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-804.jpg 1485w\" alt=\"\" width=\"620\" height=\"284\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-804-620x284.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-804-620x284.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-804-920x422.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-804.jpg 1485w\" data-sizes=\"auto\" \/><\/p>\n<p><i>Example of display settings for Image Gallery<\/i><\/p>\n<p>4. In the case of adding an album widget without any information in the background system, click <span style=\"color: #00ffff;\"><strong>Add Album<\/strong><\/span>.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21837 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-382-620x297.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-382-620x297.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-382-920x441.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-382.png 1073w\" alt=\"\" width=\"620\" height=\"297\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-382-620x297.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-382-620x297.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-382-920x441.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-382.png 1073w\" data-sizes=\"auto\" \/><\/p>\n<p>5.\u00a0The system will take you to the back-end system. By going to the menu\u00a0<b>\u201c<span style=\"color: #00ffff;\">Album<\/span>\u201d&gt; \u201c<span style=\"color: #00ffff;\">All Album<\/span>\u201d <\/b>then click on the button\u00a0<b>\u201c<span style=\"color: #00ffff;\">Add album<\/span>\u201d. <\/b>Details on adding albums can be found at\u00a0<a href=\"https:\/\/www.makewebeasy.com\/th\/blog\/manual-4\/add-gallery\/\">Creating a new album<\/a>\u00a0<b><\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21836 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-383-620x301.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-383-620x301.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-383-920x446.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-383-1536x745.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-383.png 1898w\" alt=\"\" width=\"620\" height=\"301\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-383-620x301.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-383-620x301.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-383-920x446.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-383-1536x745.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-383.png 1898w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>10. Image Gallery<\/b> allows you to create custom image gallery widgets and also customize the display of images by adding image gallery widgets.<\/p>\n<p>1. Click on <b>\u201c<\/b><b>Image Gallery\u201d<\/b><b><\/b><\/p>\n<p>2. Select a format (Preset) according to your needs.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21856 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-384-620x386.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-384-620x386.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-384-920x573.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-384.jpg 1380w\" alt=\"\" width=\"620\" height=\"386\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-384-620x386.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-384-620x386.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-384-920x573.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-384.jpg 1380w\" data-sizes=\"auto\" \/><\/p>\n<p>3. The system showing Site settings on the side consists of 2 management systems:<\/p>\n<p>3.1 Manage Image Gallery<\/p>\n<p>3.2 Managing photo gallery Layout<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21855 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-385-620x380.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-385-620x380.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-385-920x563.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-385.png 1437w\" alt=\"\" width=\"620\" height=\"380\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-385-620x380.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-385-620x380.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-385-920x563.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-385.png 1437w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>3.1 <\/b><b>Manage Image Gallery<\/b><\/p>\n<p>Click on the tab<b> \u201c<span style=\"color: #00ffff;\">Manage<\/span>\u201d <\/b>to manage photo albums, such as adding, deleting, and editing photos. The gallery management method is as follows:.<\/p>\n<p>1. Click on the button <b>\u201c<span style=\"color: #00ffff;\">Add Image<\/span>\u201d<\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21854 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-386.png\" alt=\"\" width=\"344\" height=\"780\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-386.png\" \/><\/p>\n<p>2. Modal display system <b>\u201c<span style=\"color: #00ffff;\">File Manage<\/span>\u201d<\/b><\/p>\n<p>3. Click on the button <b>\u201c<span style=\"color: #00ffff;\">Add Image<\/span>\u201d<\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21853 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-387-620x380.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-387-620x380.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-387-920x563.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-387.png 1277w\" alt=\"\" width=\"620\" height=\"380\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-387-620x380.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-387-620x380.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-387-920x563.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-387.png 1277w\" data-sizes=\"auto\" \/><\/p>\n<p>4. Click on\u00a0<strong>\u201c<span style=\"color: #00ffff;\">Edit icon<\/span>\u201d\u00a0<\/strong>to edit the image<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21852 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-388.png\" alt=\"\" width=\"344\" height=\"780\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-388.png\" \/><\/p>\n<p>5. Click on <strong>\u201c<span style=\"color: #00ffff;\">Trash icon<\/span>\u201d<\/strong>\u00a0To delete image<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21851 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-389.png\" alt=\"\" width=\"344\" height=\"780\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-389.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>3.2 Managing photo gallery Layout<\/b><\/p>\n<p>Click on the tab\u00a0<b>\u201c<span style=\"color: #00ffff;\">Layout<\/span>\u201d<\/b>\u00a0 to select the image gallery format<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21850 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-648.png\" alt=\"\" width=\"339\" height=\"349\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-648.png\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21849 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-806-620x264.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-806-620x264.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-806-920x392.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-806.jpg 1015w\" alt=\"\" width=\"620\" height=\"264\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-806-620x264.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-806-620x264.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-806-920x392.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-806.jpg 1015w\" data-sizes=\"auto\" \/><\/p>\n<p><i>Example of display settings for Image Gallery<\/i><\/p>\n<p>&nbsp;<\/p>\n<p><b>11. Blogs<\/b> can create article widgets with article writing in the sidebar, drag them to display on the page, and select various display settings by adding a Blog widget.<\/p>\n<p>1. Click on\u00a0<b>\u201c<\/b><b>Blog\u201d<\/b><\/p>\n<p>2. Select a format (Preset) according to your needs.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21872 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-390-620x387.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-390-620x387.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-390-920x574.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-390.png 1377w\" alt=\"\" width=\"620\" height=\"387\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-390-620x387.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-390-620x387.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-390-920x574.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-390.png 1377w\" data-sizes=\"auto\" \/><\/p>\n<p>3. Site settings display system on the side consists of 4 management systems including:<\/p>\n<p>3.1 Manage Blog<\/p>\n<p>3.2 Blog cover display<\/p>\n<p>3.3 \u200b\u200bManagement Layout<\/p>\n<p>3.4 Management Design<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21871 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-391-620x281.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-391-620x281.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-391-920x417.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-391-1536x695.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-391.png 1864w\" alt=\"\" width=\"620\" height=\"281\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-391-620x281.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-391-620x281.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-391-920x417.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-391-1536x695.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-391.png 1864w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>3.1 <\/b><b>Manage Blog<\/b><\/p>\n<p>Click on the tab<b> \u201cManage\u201d\u00a0<\/b>to choose category, and sort data and show the number of articles<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21868 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-653.png\" alt=\"\" width=\"344\" height=\"320\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-653.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>3.2 <\/b><b>Blog cover display<\/b><\/p>\n<p>1.\u00a0Click on the tab<b>\u00a0\u201c<span style=\"color: #00ffff;\">Settings<\/span>\u201d\u00a0<\/b>to enable \/ disable the set up Article cover display<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21867 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-654.png\" sizes=\"345px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-654.png 345w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-654-53x53.png 53w\" alt=\"\" width=\"345\" height=\"342\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-654.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-654.png 345w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-654-53x53.png 53w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21858 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-742-620x334.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-742-620x334.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-742-920x496.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-742.jpg 1435w\" alt=\"\" width=\"620\" height=\"334\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-742-620x334.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-742-620x334.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-742-920x496.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-742.jpg 1435w\" data-sizes=\"auto\" \/><\/p>\n<p><i>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0\u00a0 \u00a0 \u200b \u00a0 Result in case of opening all article display settings.<\/i><\/p>\n<p>2. In the case of setting the display of the article cover page by opening the article title only, The system will display results as follows.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21866 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-733.png\" alt=\"\" width=\"344\" height=\"397\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-733.png\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21865 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-734-620x350.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-734-620x350.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-734-920x520.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-734-747x420.jpg 747w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-734-359x202.jpg 359w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-734.jpg 1212w\" alt=\"\" width=\"620\" height=\"350\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-734-620x350.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-734-620x350.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-734-920x520.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-734-747x420.jpg 747w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-734-359x202.jpg 359w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-734.jpg 1212w\" data-sizes=\"auto\" \/><\/p>\n<p><i>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Result in case of opening article title setting<\/i><\/p>\n<p>3. In the case of setting the display of the cover page of an article by opening the article title and\u00a0Initial content\u00a0(Blog introduction), the system will display as follows:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21864 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-736.png\" sizes=\"341px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-736.png 341w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-736-53x53.png 53w\" alt=\"\" width=\"341\" height=\"345\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-736.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-736.png 341w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-736-53x53.png 53w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21863 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-735-620x377.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-735-620x377.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-735-920x559.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-735.jpg 1205w\" alt=\"\" width=\"620\" height=\"377\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-735-620x377.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-735-620x377.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-735-920x559.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-735.jpg 1205w\" data-sizes=\"auto\" \/><\/p>\n<p><i>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0Results in the case of opening the article title setting. and the Blog introduction<\/i><\/p>\n<p>4. If the default is to show the page, the article, the title of the article and the introduction, the date, the category of the article, the system will display the following results:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21860 ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-740.png\" alt=\"\" width=\"343\" height=\"384\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-740.png\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21859 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-739-620x376.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-739-620x376.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-739-920x558.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-739.jpg 1193w\" alt=\"\" width=\"620\" height=\"376\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-739-620x376.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-739-620x376.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-739-920x558.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-739.jpg 1193w\" data-sizes=\"auto\" \/><\/p>\n<p><em>\u00a0 \u00a0Results in case of opening settings Blog introduction, date and article category<\/em><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u00a03.3\u00a0<\/b><b>Management <\/b><b>Layout<\/b><b><\/b><\/p>\n<p>Click on the tab\u00a0<b>\u201c<span style=\"color: #00ffff;\">Layout<\/span>\u201d<\/b> to select the article format. Adjust aspect ratio resize picture and positioning of the text of the article.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21876 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-655.png\" alt=\"\" width=\"341\" height=\"615\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-655.png\" \/><\/p>\n<p><b>3.4 Management <\/b><b>Design<\/b><\/p>\n<p>Click on the tab\u00a0<b>\u201c<span style=\"color: #00ffff;\">Design<\/span>\u201d<\/b> to customize font style and font color<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21875 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-331.png\" alt=\"\" width=\"327\" height=\"895\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-331.png\" \/><\/p>\n<p>4. In the case where the user adds an article widget (Blog) without having article information in the back-end system. Click on the button<strong>\u00a0\u201c<\/strong><strong><span style=\"color: #00ffff;\">Add Contents<\/span>\u201d<\/strong>\u00a0to add article information<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21870 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-392-620x196.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-392-620x196.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-392-920x291.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-392.png 1241w\" alt=\"\" width=\"620\" height=\"196\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-392-620x196.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-392-620x196.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-392-920x291.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-392.png 1241w\" data-sizes=\"auto\" \/><\/p>\n<p>5.\u00a0The system will take you to the backend system, go to the menu\u00a0<strong>\u201c<span style=\"color: #00ffff;\">Blog<\/span>\u201d<\/strong>\u00a0Then click on the button\u00a0<b>\u201c<span style=\"color: #00ffff;\">Add Blog<\/span>\u201d. <\/b>The method of adding content (Blog) can be viewed at\u00a0<a href=\"https:\/\/www.makewebeasy.com\/th\/blog\/manual-4\/add-blog\/\">Adding a post (Blog)<\/a>\u00a0<b>\u00a0<\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21869 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-393-620x284.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-393-620x284.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-393-920x421.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-393-1536x703.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-393.png 1896w\" alt=\"\" width=\"620\" height=\"284\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-393-620x284.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-393-620x284.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-393-920x421.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-393-1536x703.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-393.png 1896w\" data-sizes=\"auto\" \/><\/p>\n<p><b>12. Product <\/b>can be created by pulling up the display of products that the website owner has already created and showing them to customers who can order products. You can also customize the colors and layout. The method for adding product widgets is as follows:.<\/p>\n<p>1. Click on\u00a0<b>\u201c<\/b><b><span style=\"color: #00ffff;\">Product<\/span>\u201d<\/b><\/p>\n<p>2. Choose a format (Preset) according to your needs.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21893 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-394-620x363.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-394-620x363.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-394-920x539.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-394.jpg 1466w\" alt=\"\" width=\"620\" height=\"363\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-394-620x363.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-394-620x363.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-394-920x539.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-394.jpg 1466w\" data-sizes=\"auto\" \/><\/p>\n<p>3. The system shows Site settings on the side, consisting of a total of 4 management systems:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21892 ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-395.png\" alt=\"\" width=\"344\" height=\"310\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-395.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>3.1 <\/b><b>Manage Product<\/b><\/p>\n<p>Click on the tab<b> \u201c<span style=\"color: #00ffff;\">Manage<\/span>\u201d\u00a0<\/b>to select a Type Category, Sorting Order of product information, and the number of products you want to display. This part of management information will vary depending on the user.<br \/>\n<b><\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21891 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-408.png\" alt=\"\" width=\"340\" height=\"310\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-408.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>3.2 Product Settings<\/b><\/p>\n<p>1. Click on the \u201c<strong><span style=\"color: #00ffff;\">Settings<\/span><\/strong>\u201d tab to enable\/disable the product cover display settings. By opening the display of all product covers<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21890 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-409.png\" alt=\"\" width=\"344\" height=\"614\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-409.png\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21889 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-768-620x303.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-768-620x303.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-768-920x450.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-768.png 1499w\" alt=\"\" width=\"620\" height=\"303\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-768-620x303.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-768-620x303.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-768-920x450.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-768.png 1499w\" data-sizes=\"auto\" \/><\/p>\n<p><i>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0Result in case of opening all product settings<\/i><\/p>\n<p>2. Users can turn on\/off display settings, Display product-specific cover, product name, short description and product price<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21888 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-744.png\" alt=\"\" width=\"428\" height=\"853\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-744.png\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21887 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-745-620x297.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-745-620x297.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-745-920x441.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-745-1536x736.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-745.jpg 1761w\" alt=\"\" width=\"620\" height=\"297\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-745-620x297.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-745-620x297.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-745-920x441.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-745-1536x736.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-745.jpg 1761w\" data-sizes=\"auto\" \/><\/p>\n<p><i>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0Display results in the case of opening the product name setting. Short description and product prices\u00a0<\/i><\/p>\n<p>3. Case on\/off display settings Display the product cover by opening the product comparison button and wishlist<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21886 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-746.png\" alt=\"\" width=\"429\" height=\"858\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-746.png\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21885 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-747-620x306.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-747-620x306.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-747-920x453.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-747-1536x757.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-747.jpg 1749w\" alt=\"\" width=\"620\" height=\"306\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-747-620x306.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-747-620x306.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-747-920x453.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-747-1536x757.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-747.jpg 1749w\" data-sizes=\"auto\" \/><\/p>\n<p><i>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u200b \u00a0 \u00a0 \u00a0 \u00a0Display results if the product comparison button and wishlist display settings are turned on.\u00a0<\/i><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u00a0 \u00a0\u00a0<\/b><b>3.3\u00a0 Product <\/b><b>Layout<\/b><\/p>\n<p>Click on the tab\u00a0<b>\u201c<span style=\"color: #00ffff;\">Layout<\/span>\u201d <\/b>to select the product cover format. Set the aspect ratio Resize picture and align text<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21876 ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-655.png\" alt=\"\" width=\"341\" height=\"615\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-655.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u00a0\u00a0\u00a0\u00a03.4 Site <\/b><b>Design<\/b><\/p>\n<p>Click on the tab\u00a0<b>\u201c<span style=\"color: #00ffff;\">Design<\/span>\u201d<\/b>\u00a0to change the font style, font size, font color, and button style. Button colors and product labels can be customized.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21875 ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-331.png\" alt=\"\" width=\"327\" height=\"895\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-331.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>4. In the case where the user adds a product widget without having product information in the back-end system. Click on the button <b>\u201c<span style=\"color: #00ffff;\">Add Product<\/span>\u201d<\/b>\u00a0to add product information<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21882 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-396-620x248.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-396-620x248.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-396-920x368.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-396.png 1237w\" alt=\"\" width=\"620\" height=\"248\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-396-620x248.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-396-620x248.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-396-920x368.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-396.png 1237w\" data-sizes=\"auto\" \/><\/p>\n<p>5. The system will take you to the back-end system to go to the Product menu, then to the &#8220;<span style=\"color: #00ffff;\"><strong>All<\/strong> <strong>Product&#8221;<\/strong><\/span> menu, click on the &#8220;<strong><span style=\"color: #00ffff;\">Add Product<\/span><\/strong>&#8221; button, where you can see the details on how to add products at Simple product and Group product.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21881 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-397-620x281.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-397-620x281.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-397-920x416.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-397-1536x695.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-397.png 1918w\" alt=\"\" width=\"620\" height=\"281\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-397-620x281.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-397-620x281.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-397-920x416.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-397-1536x695.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-397.png 1918w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>13. Product brand <\/b>creates a product brand widget where the store organizes product groups to pull the display. You can also customize the colors and layout. The method for adding product brand widgets is as follows.<\/p>\n<p>1. Click on\u00a0<b>\u201c<\/b><b><span style=\"color: #00ffff;\">Product brand<\/span>\u201d<\/b><\/p>\n<p>2. Choose a format (Preset) according to your needs.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21899 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-398-620x363.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-398-620x363.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-398-920x539.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-398.png 1466w\" alt=\"\" width=\"620\" height=\"363\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-398-620x363.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-398-620x363.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-398-920x539.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-398.png 1466w\" data-sizes=\"auto\" \/><\/p>\n<p>3. Site settings display system on the side consists of 2 management systems:<\/p>\n<p>3.1 Manage Product<\/p>\n<p>3.2 Layout<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21898 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-399-620x298.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-399-620x298.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-399-920x443.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-399.jpg 1322w\" alt=\"\" width=\"620\" height=\"298\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-399-620x298.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-399-620x298.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-399-920x443.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-399.jpg 1322w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>3.1 <\/b><b>Manage Product<\/b><\/p>\n<p>Click on the tab<b>\u00a0\u201c<span style=\"color: #00ffff;\">Manage<\/span>\u201d\u00a0<\/b>to select category, sorting data and displaying the number of product brands<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21897 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-661.png\" alt=\"\" width=\"342\" height=\"300\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-661.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>3.2\u00a0 Product Brand Layout Management (<\/b><b>Layout)<\/b><\/p>\n<p>Click on the tab\u00a0<b>\u201cLayout\u201d\u00a0<\/b>to select the display format of the desired product brand<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21896 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-662.png\" alt=\"\" width=\"344\" height=\"229\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-662.png\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21895 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-675-620x165.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-675-620x165.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-675-920x245.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-675.png 1155w\" alt=\"\" width=\"620\" height=\"165\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-675-620x165.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-675-620x165.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-675-920x245.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-675.png 1155w\" data-sizes=\"auto\" \/><\/p>\n<p><b>\u00a0\u00a0<\/b>\u00a0<i>\u00a0 \u00a0 \u00a0 \u00a0\u00a0\u00a0 \u00a0 \u00a0 \u00a0Example of website design customization and product brand display settings<\/i><\/p>\n<p>&nbsp;<\/p>\n<p><b>14. Coupon<\/b> can create a discount coupon widget to display. So that customers can collect the coupon code for use. The details for adding a coupon widget are as follows.<\/p>\n<p>1. Click on <b>\u201c<span style=\"color: #00ffff;\">Coupon<\/span>\u201d<\/b><b><\/b><\/p>\n<p>2. Choose a format (Preset) according to your needs.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21901 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-400-620x370.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-400-620x370.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-400-920x549.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-400.png 1439w\" alt=\"\" width=\"620\" height=\"370\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-400-620x370.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-400-620x370.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-400-920x549.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-400.png 1439w\" data-sizes=\"auto\" \/><\/p>\n<p>3. The system shows Site settings on the side, consisting of 2 management systems:<\/p>\n<p>3.1 Coupon Product<\/p>\n<p>3.2 Design<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21900 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-401-620x375.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-401-620x375.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-401-920x556.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-401.png 1454w\" alt=\"\" width=\"620\" height=\"375\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-401-620x375.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-401-620x375.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-401-920x556.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-401.png 1454w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u00a03.1 Manage <\/b><b>Coupon Product<\/b><\/p>\n<p>Click on the tab<b>\u00a0\u201c<span style=\"color: #00ffff;\">Manage<\/span>\u201d\u00a0<\/b>to select Coupon type, code, data sorting and display the amount of coupons<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21928 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-284.png\" alt=\"\" width=\"323\" height=\"286\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-284.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u00a03.2 Design<\/b><\/p>\n<p><b>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/b>\u00a0Click on the tab\u00a0<b>\u201c<span style=\"color: #00ffff;\">Design<\/span>\u201d<\/b> to customize the coupon<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21927 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-670.png\" alt=\"\" width=\"343\" height=\"222\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-670.png\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21926 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-751-620x291.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-751-620x291.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-751-920x432.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-751-1536x721.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-751.png 1744w\" alt=\"\" width=\"620\" height=\"291\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-751-620x291.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-751-620x291.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-751-920x432.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-751-1536x721.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-751.png 1744w\" data-sizes=\"auto\" \/><\/p>\n<p><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/b><i>Example display when adding a coupon widget<\/i><\/p>\n<p>&nbsp;<\/p>\n<p>4. Case where a coupon widget is added. without any information in the back-end system click on\u00a0<b>\u201c<span style=\"color: #00ffff;\">Add Coupon<\/span>\u201d<\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21925 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-402-620x437.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-402-620x437.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-402-920x648.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-402.jpg 1229w\" alt=\"\" width=\"620\" height=\"437\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-402-620x437.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-402-620x437.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-402-920x648.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-402.jpg 1229w\" data-sizes=\"auto\" \/><\/p>\n<p>5. The system will take you to the back-end system. By going to the menu <span style=\"color: #00ffff;\"><b>E \u2013 Commerce<\/b><\/span>\u00a0select the menu<b>\u00a0<span style=\"color: #00ffff;\">Discount cupon<\/span>\u00a0<\/b>then press Button\u00a0<b>\u201c<span style=\"color: #00ffff;\">Add Coupon<\/span>\u201d. <\/b>How to create a discount coupon, see details at <a href=\"https:\/\/www.makewebeasy.com\/th\/blog\/manual-4\/discount-coupon\/\">Discount coupon system<\/a>\u00a0\u00a0<b><\/b><b><\/b><b><\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21924 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-403-620x309.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-403-620x309.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-403-920x458.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-403-1536x765.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-403.png 1916w\" alt=\"\" width=\"620\" height=\"309\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-403-620x309.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-403-620x309.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-403-920x458.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-403-1536x765.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-403.png 1916w\" data-sizes=\"auto\" \/><\/p>\n<p><b>15. Form:<\/b>\u00a0A form widget can be created to pull the display of the form that the web owner has already created and display it for customers to submit information. You can also customize the colors and layout.<\/p>\n<p>1. Click on\u00a0<b>\u201c<\/b><b><span style=\"color: #00ffff;\">Form<\/span>\u201d<\/b><\/p>\n<p>2. Select the desired form style (Preset).<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21934 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-404-620x370.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-404-620x370.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-404-920x549.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-404.jpg 1439w\" alt=\"\" width=\"620\" height=\"370\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-404-620x370.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-404-620x370.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-404-920x549.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-404.jpg 1439w\" data-sizes=\"auto\" \/><\/p>\n<p>3. The system shows Site settings on the side, consisting of a total of 4 management systems:<\/p>\n<p>3.1 Form management<\/p>\n<p>3.2 Form settings<\/p>\n<p>3.3 Form layout<\/p>\n<p>3.4 Site design<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21933 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-405-620x393.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-405-620x393.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-405-920x584.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-405.png 1381w\" alt=\"\" width=\"620\" height=\"393\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-405-620x393.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-405-620x393.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-405-920x584.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-405.png 1381w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u00a0\u00a0<\/b><b> \u00a03.1 Form management<\/b><\/p>\n<p>Click on the tab <b>\u201c<span style=\"color: #00ffff;\">Manage<\/span>\u201d\u00a0<\/b>to select Required form<b><\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21932 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-681.png\" alt=\"\" width=\"342\" height=\"276\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-681.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u00a0\u00a03.2 Managing form settings<\/b><\/p>\n<p>Click on the tab<b> \u201c<span style=\"color: #00ffff;\">Settings<\/span>\u201d <\/b>to enable \/ disable the form name and form details<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21931 ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-682.png\" alt=\"\" width=\"341\" height=\"272\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-682.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u00a0\u00a0\u00a0\u00a03.3 Forms Layout<\/b><\/p>\n<p>Click on the tab\u00a0<b>\u201c<span style=\"color: #00ffff;\">Layout<\/span>\u201d <\/b>to format the display of the form<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21930 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-683.png\" alt=\"\" width=\"343\" height=\"452\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-683.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u00a0\u00a0\u00a03.4 Site <\/b><b>Design<\/b><\/p>\n<p><b>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/b>\u00a0Click on the tab\u00a0<b>\u201c<span style=\"color: #00ffff;\">Design<\/span>\u201d<\/b> to customize font style and color<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21929 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-684.png\" alt=\"\" width=\"343\" height=\"722\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-684.png\" \/><\/p>\n<p>4.\u00a0Caseadded form widget without any information in the back-end system Click on<strong> \u201cAdd Form\u201d<\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21936 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-406-620x421.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-406-620x421.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-406-920x625.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-406.jpg 1124w\" alt=\"\" width=\"620\" height=\"421\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-406-620x421.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-406-620x421.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-406-920x625.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-406.jpg 1124w\" data-sizes=\"auto\" \/><\/p>\n<p>5.\u00a0The system will take you to the back-end system. Then go to the menu<b> \u201c<span style=\"color: #00ffff;\">Forms<\/span>\u201d\u00a0<\/b>Click on the button\u00a0<b>\u201c<span style=\"color: #00ffff;\">Add Form<\/span>\u201d. <\/b>How to add a form, details can be found at\u00a0<a href=\"https:\/\/www.makewebeasy.com\/th\/blog\/manual-4\/online-form\/\">Online form system management<\/a>\u00a0<b>\u00a0<\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21935 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-407-620x279.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-407-620x279.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-407-920x414.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-407-1536x692.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-407.png 1920w\" alt=\"\" width=\"620\" height=\"279\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-407-620x279.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-407-620x279.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-407-920x414.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-407-1536x692.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-407.png 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21977 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-807-620x404.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-807-620x404.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-807.png 631w\" alt=\"\" width=\"620\" height=\"404\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-807-620x404.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-807-620x404.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-807.png 631w\" data-sizes=\"auto\" \/><\/p>\n<p><em>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Example of displaying \u201cForms\u201d settings<\/em>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<em>\u00a0\u00a0<\/em><\/p>\n<p><b>16. Frequently Asked Questions (FAQs)\u00a0<\/b>Can create questions and answers that frequently arise during the sale of products or services. To help reduce the process of answering repeated questions between website owners and customers. You can also customize the display format.<\/p>\n<p>1. Click on\u00a0<b>\u201c<\/b><b><span style=\"color: #00ffff;\">Frequently Asked Questions<\/span>\u201d (FAQs)<\/b><\/p>\n<p>2. Select the desired FAQ format.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21944 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-408-620x366.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-408-620x366.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-408-920x543.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-408.jpg 1517w\" alt=\"\" width=\"620\" height=\"366\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-408-620x366.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-408-620x366.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-408-920x543.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-408.jpg 1517w\" data-sizes=\"auto\" \/><\/p>\n<p>3. The system shows Site settings on the side, consisting of a total of 4 management systems:<\/p>\n<p>3.1 FAQs<\/p>\n<p>3.2 Settings<\/p>\n<p>3.3 Layout<\/p>\n<p>3.4 Design<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21943 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-409-620x305.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-409-620x305.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-409-920x453.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-409.png 1377w\" alt=\"\" width=\"620\" height=\"305\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-409-620x305.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-409-620x305.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-409-920x453.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-409.png 1377w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u00a0<\/b><b>3.1 FAQs<\/b><\/p>\n<p>Click on the &#8220;<span style=\"color: #00ffff;\"><strong>Manage<\/strong><\/span>&#8221; column to select categories, organize data, and display the number of photo albums.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21942 ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-686.png\" alt=\"\" width=\"320\" height=\"259\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-686.png\" \/><\/p>\n<p><b>\u00a0<\/b><b> \u00a0\u00a03.2 <\/b><b>Settings<\/b><\/p>\n<p>Click on the tab<b> \u201cSettings\u201d <\/b>to enable\/disable category name display settings<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21941 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-687.png\" alt=\"\" width=\"340\" height=\"259\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-687.png\" \/><\/p>\n<p><b>\u00a0\u00a0\u00a0<\/b><b> 3.3 Layout<\/b><\/p>\n<p>Click on the\u00a0<b>\u201c<span style=\"color: #00ffff;\">Layout<\/span>\u201d<\/b> tab to select an icon. You can align the icons and text of FAQ categories.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21940 ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-688.png\" alt=\"\" width=\"343\" height=\"449\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-688.png\" \/><\/p>\n<p><b>\u00a0\u00a0\u00a0\u00a03.4 <\/b><b>Design<\/b><\/p>\n<p>Click on the tab\u00a0<b>\u201c<span style=\"color: #00ffff;\">Design<\/span>\u201d<\/b> to customize font style and color<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21939 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-689.png\" alt=\"\" width=\"342\" height=\"638\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-689.png\" \/><\/p>\n<p>4. For adding a FAQ widget without any information in the backend, click &#8220;<span style=\"color: #00ffff;\"><strong>Add FAQ<\/strong><\/span>&#8220;.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21938 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-410-620x423.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-410-620x423.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-410-920x627.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-410.jpg 1069w\" alt=\"\" width=\"620\" height=\"423\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-410-620x423.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-410-620x423.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-410-920x627.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-410.jpg 1069w\" data-sizes=\"auto\" \/><\/p>\n<p>5.\u00a0The system will take you to the back-end system. Go to the menu\u00a0<span style=\"color: #00ffff;\"><b>FAQ\u00a0<\/b><\/span><span style=\"color: #00ffff;\">\u00a0<\/span>and then click on the button\u00a0<b>\u201c<span style=\"color: #00ffff;\">Add FAQ<\/span>\u201d . <\/b>By adding frequently asked questions, details can be found at<b>\u00a0<\/b><a href=\"https:\/\/www.makewebeasy.com\/th\/blog\/manual-4\/faq\/\">Frequently Asked Questions (FAQ)<\/a><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21945 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-411-1-620x310.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-411-1-620x310.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-411-1-920x461.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-411-1-1536x769.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-411-1.png 1911w\" alt=\"\" width=\"620\" height=\"310\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-411-1-620x310.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-411-1-620x310.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-411-1-920x461.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-411-1-1536x769.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-411-1.png 1911w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21978 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-808-620x135.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-808-620x135.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-808-920x201.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-808.png 1044w\" alt=\"\" width=\"620\" height=\"135\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-808-620x135.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-808-620x135.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-808-920x201.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-808.png 1044w\" data-sizes=\"auto\" \/><\/p>\n<p><i>Example display of frequently asked questions (FAQs)<\/i><\/p>\n<p>&nbsp;<\/p>\n<p><b>17. Contact message<\/b> enables to create a contact channel widget for customers to send messages through the message box system. Detailed information will be stored in the web management message box.<\/p>\n<p>1. Click on\u00a0<b>\u201c<\/b><b><span style=\"color: #00ffff;\">Contact<\/span>\u201d<\/b><\/p>\n<p>2. Select the desired contact message format.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21946 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-412-620x375.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-412-620x375.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-412-920x557.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-412.png 1415w\" alt=\"\" width=\"620\" height=\"375\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-412-620x375.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-412-620x375.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-412-920x557.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-412.png 1415w\" data-sizes=\"auto\" \/><\/p>\n<p>3. Site settings display system on the side consists of 3 management systems:<\/p>\n<p>3.1 Settings<\/p>\n<p>3.2 Layout<\/p>\n<p>3.3 Design<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21951 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-413-620x397.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-413-620x397.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-413-920x589.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-413.png 1255w\" alt=\"\" width=\"620\" height=\"397\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-413-620x397.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-413-620x397.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-413-920x589.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-413.png 1255w\" data-sizes=\"auto\" \/><\/p>\n<p><b>\u00a0\u00a0\u00a0\u00a03.1 Settings<\/b><\/p>\n<p>Click on the tab\u00a0<b>\u201c<span style=\"color: #00ffff;\">Settings<\/span>\u201d <\/b>to enable\/disable contact message topic display settings<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21950 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-690.png\" alt=\"\" width=\"344\" height=\"258\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-690.png\" \/><\/p>\n<p><b>\u00a0<\/b><b>\u00a0\u00a0\u00a03.2 Managing contact message formats (Layout)\u00a0<\/b><\/p>\n<p>Click on the tab\u00a0<b>\u201cLayout\u201d<\/b>\u00a0\u00a0to align the text of the article and select the format of the article<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21949 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-691.png\" alt=\"\" width=\"342\" height=\"506\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-691.png\" \/><\/p>\n<p><b>\u00a0\u00a0\u00a0\u00a03.3 <\/b><b>Design<\/b><\/p>\n<p>Click on the tab\u00a0<b>\u201c<\/b><b><span style=\"color: #00ffff;\">Design<\/span>\u201d<\/b> to customize font style and color<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21948 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-692.png\" alt=\"\" width=\"342\" height=\"682\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-692.png\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21947 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-693-620x387.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-693-620x387.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-693-920x575.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-693.png 1245w\" alt=\"\" width=\"620\" height=\"387\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-693-620x387.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-693-620x387.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-693-920x575.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-693.png 1245w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><i>Example display of contact us settings<\/i><\/p>\n<p>&nbsp;<\/p>\n<p><b>18.Event Calendar<\/b>\u00a0You can create an Event Calendar widget to view upcoming events. through the activity calendar You can also customize the format and display settings of the event calendar.<\/p>\n<p>1. Click on\u00a0<b>\u201c<\/b><b>Event Calendar\u201d<\/b><\/p>\n<p>2. Select the desired event calendar format.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21952 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-414-620x387.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-414-620x387.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-414-920x575.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-414.png 1414w\" alt=\"\" width=\"620\" height=\"387\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-414-620x387.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-414-620x387.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-414-920x575.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-414.png 1414w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>3. Site settings display system on the side consists of 3 management systems:<\/p>\n<p>3.1 Settings<\/p>\n<p>3.2 Layout<\/p>\n<p>3.3 Design<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21953 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-415-620x415.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-415-620x415.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-415-920x616.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-415.jpg 1250w\" alt=\"\" width=\"620\" height=\"415\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-415-620x415.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-415-620x415.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-415-920x616.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-415.jpg 1250w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u00a0<\/b><b> \u00a0\u00a03.1 Managing activity calendar settings\u00a0<\/b><\/p>\n<p>1. Click on the tab\u00a0<b>\u201c<span style=\"color: #00ffff;\">Settings<\/span>\u201d<\/b> to enable\/disable event calendar display settings<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21983 ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-809.png\" alt=\"\" width=\"263\" height=\"226\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-809.png\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21960 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-756-620x316.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-756-620x316.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-756-920x469.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-756.png 1229w\" alt=\"\" width=\"620\" height=\"316\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-756-620x316.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-756-620x316.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-756-920x469.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-756.png 1229w\" data-sizes=\"auto\" \/><\/p>\n<p><i>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Result afterin o<\/i><i>pening event calendar settings for all calendar formats\u00a0<\/i><\/p>\n<p>2. In the case of turning off the content initial word setting (Events Introduction)<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21980 ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-812.png\" alt=\"\" width=\"267\" height=\"230\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-812.png\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21961 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-758-620x250.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-758-620x250.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-758-920x372.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-758.png 1466w\" alt=\"\" width=\"620\" height=\"250\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-758-620x250.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-758-620x250.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-758-920x372.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-758.png 1466w\" data-sizes=\"auto\" \/><\/p>\n<p><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/b><\/p>\n<p><i>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Result after d<\/i><i>isabling event calendar content prefix setting in list format<\/i><\/p>\n<p>3. In the case of turning off the default word settings, content (Events Introduction) and Title<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21979 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-813.png\" alt=\"\" width=\"261\" height=\"285\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-813.png\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21957 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-760-620x260.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-760-620x260.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-760-920x386.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-760.png 1319w\" alt=\"\" width=\"620\" height=\"260\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-760-620x260.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-760-620x260.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-760-920x386.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-760.png 1319w\" data-sizes=\"auto\" \/><\/p>\n<p><b><\/b><i>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Result after d<\/i><i>isabling event calendar content prefix setting in list format<\/i><\/p>\n<p><b>\u00a0\u00a0\u00a0\u00a03.2 Managing event calendar formats<\/b><\/p>\n<p>Click on the tab\u00a0<b>\u201c<span style=\"color: #00ffff;\">Layout<\/span>\u201d<\/b>\u00a0to select the desired event calendar format. Including aligning the position of the text.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21982 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-810.png\" alt=\"\" width=\"264\" height=\"352\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-810.png\" \/><\/p>\n<p><b>\u00a0\u00a0\u00a0<\/b><b>3.3 \u200b\u200bSite design customization management<\/b><\/p>\n<p>Click on the tab\u00a0<b>\u201c<span style=\"color: #00ffff;\">Design<\/span>\u201d<\/b>\u00a0for customizing the event calendar website in both calendar formats. and program format by adjusting the design depending on the layout chosen.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21981 ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-811.png\" alt=\"\" width=\"260\" height=\"454\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-811.png\" \/><\/p>\n<p>4.\u00a0Case\u00a0Added event calendar widget. There is no activity calendar information in the back-end system. Click on\u00a0<b>\u201c<span style=\"color: #00ffff;\">Add Events Calendar<\/span>\u201d<\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21965 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-416-620x277.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-416-620x277.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-416-920x411.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-416.png 1192w\" alt=\"\" width=\"620\" height=\"277\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-416-620x277.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-416-620x277.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-416-920x411.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-416.png 1192w\" data-sizes=\"auto\" \/><\/p>\n<p>5. The system will take you to the back-end system by going to the Event Calendar menu when you click on the <span style=\"color: #00ffff;\"><strong>Add Event<\/strong><\/span> button. The system will take you to the add information page, where the details of adding information can be viewed at the <a href=\"https:\/\/www.makewebeasy.com\/th\/blog\/manual-4\/events-calendar\/\">Events Calendar<\/a><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21964 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-417-620x306.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-417-620x306.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-417-920x454.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-417-1536x759.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-417.png 1923w\" alt=\"\" width=\"620\" height=\"306\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-417-620x306.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-417-620x306.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-417-920x454.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-417-1536x759.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-417.png 1923w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>19. Map<\/b>\u00a0widget can be created to display 1 store pin location. If it is a multiple pin location format, you must proceed with the Google Map settings. The API for adding map widgets is as follows.<\/p>\n<p>1. Click on\u00a0<b>\u201c<\/b><b><span style=\"color: #00ffff;\">Map<\/span>\u201d<\/b><\/p>\n<p>2. Choose a map style.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21971 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-418-620x387.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-418-620x387.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-418-920x574.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-418.png 1416w\" alt=\"\" width=\"620\" height=\"387\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-418-620x387.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-418-620x387.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-418-920x574.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-418.png 1416w\" data-sizes=\"auto\" \/><\/p>\n<p>3. Site settings display system on the side consists of 2 management systems:<\/p>\n<p>3.1 Manage Map<\/p>\n<p>3.2 Layout<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21970 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-419-620x273.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-419-620x273.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-419-920x405.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-419.png 1321w\" alt=\"\" width=\"620\" height=\"273\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-419-620x273.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-419-620x273.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-419-920x405.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-419.png 1321w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u00a0 \u00a0 \u00a0 \u00a0\u00a0<\/b><b>3.1 Manage Map<\/b><\/p>\n<p>Click on the tab<b>\u00a0\u201c<span style=\"color: #00ffff;\">Manage<\/span>\u201d <\/b>to choose displaying the address location and being able to fill in address details<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21969 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-699.png\" alt=\"\" width=\"341\" height=\"553\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-699.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0<\/b><b>3.2 Layout<\/b><\/p>\n<p>Click on the tab\u00a0<strong>\u201c<span style=\"color: #00ffff;\">Layout<\/span>\u201d <\/strong>to align the map text<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-21968 lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-700.png\" alt=\"\" width=\"339\" height=\"399\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-700.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21967 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-701-620x152.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-701-620x152.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-701-920x225.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-701.png 1186w\" alt=\"\" width=\"620\" height=\"152\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-701-620x152.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-701-620x152.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-701-920x225.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-701.png 1186w\" data-sizes=\"auto\" \/><\/p>\n<p><i>Example of displaying map settings<\/i><\/p>\n","protected":false},"featured_media":0,"template":"","manual_category_v4":[1796],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v14.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Add Widget - MakeWebaEasy Blog<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.makewebeasy.com\/en\/blog\/manual-4\/add-widget\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Add Widget - MakeWebaEasy Blog\" \/>\n<meta name=\"twitter:description\" content=\"Add and edit widgets: The system is available for customization in the website&#8217;s section where in addition to the seven widgets. The system will have a preset to select a total of 19 styles. Text Image Button Line Separator YouTube Interactive Social Counter Album Image Gallery Article (Blog) Product Product Brand Coupon Form Frequently Asked [&hellip;]\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-348-620x337.png\" \/>\n<meta name=\"twitter:creator\" content=\"@makewebeasy\" \/>\n<meta name=\"twitter:site\" content=\"@makewebeasy\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual-4\/18044"}],"collection":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual-4"}],"about":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/types\/manual-4"}],"wp:attachment":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/media?parent=18044"}],"wp:term":[{"taxonomy":"manual_category_v4","embeddable":true,"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual_category_v4?post=18044"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}