{"id":3100,"date":"2024-04-06T09:30:07","date_gmt":"2024-04-06T09:30:07","guid":{"rendered":"https:\/\/divrender.com\/?page_id=3100"},"modified":"2024-04-07T07:04:45","modified_gmt":"2024-04-07T07:04:45","slug":"back-to-top-button","status":"publish","type":"page","link":"https:\/\/divrender.com\/back-to-top-button\/","title":{"rendered":"Back to Top Button"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3100\" class=\"elementor elementor-3100\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4bef4b4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4bef4b4\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f07d8b\" data-id=\"7f07d8b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-611066a elementor-widget elementor-widget-heading\" data-id=\"611066a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">No Install | No Sign Up | No Coding | Compatible with Any Website<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-600fc0f elementor-widget elementor-widget-heading\" data-id=\"600fc0f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Back to Top Button Widget Code Generator<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c98f01 elementor-widget elementor-widget-heading\" data-id=\"0c98f01\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Create a Seamless Browsing Experience<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a36681e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a36681e\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5c7f114\" data-id=\"5c7f114\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7fedb50 elementor-widget elementor-widget-heading\" data-id=\"7fedb50\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Preview<\/span>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-242cc60 elementor-widget elementor-widget-shortcode\" data-id=\"242cc60\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- Preview container -->\r\n<div style=\"text-align:center; margin:0 auto 50px auto;\">\r\n\t<div id=\"preview\"><\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"generator-form wg-form-container\">\r\n\t<div style=\"width:20%;  padding: 0 10px;\" class=\"mobile-100 wg-bottom-spacing\">\r\n\t\t<label for=\"buttonText\">Button Text:<\/label>\r\n\t\t<input type=\"text\" id=\"buttonText\" value=\"Back to Top\">\r\n\t<\/div>\r\n\t\r\n\t<div style=\"width:20%;  padding: 0 10px;\" class=\"mobile-100 wg-bottom-spacing\">\r\n\t\t<label for=\"buttonColor\">Button Color:<\/label>\r\n\t\t<input type=\"color\" id=\"buttonColor\" value=\"#4CAF50\">\r\n\t<\/div>\r\n\t\r\n\t<div style=\"width:20%;  padding: 0 10px;\" class=\"mobile-100 wg-bottom-spacing\">\r\n\t\t<label for=\"textColor\">Text Color:<\/label>\r\n\t\t<input type=\"color\" id=\"textColor\" value=\"#FFFFFF\">\r\n\t<\/div>\r\n\t\r\n\t<div style=\"width:20%;  padding: 0 10px;\" class=\"mobile-100 wg-bottom-spacing\">\r\n\t\t<label for=\"borderWidth\">Border Width (px):<\/label>\r\n\t\t<input type=\"number\" id=\"borderWidth\" value=\"0\">\r\n\t<\/div>\r\n\t\r\n\t<div style=\"width:20%;  padding: 0 10px;\" class=\"mobile-100 wg-bottom-spacing\">\r\n\t\t<label for=\"borderColor\">Border Color:<\/label>\r\n\t\t<input type=\"color\" id=\"borderColor\" value=\"#000000\">\r\n\t<\/div>\r\n\t\r\n\t<div style=\"width:20%;  padding: 0 10px;\" class=\"mobile-100 wg-bottom-spacing\">\r\n\t\t<label for=\"textSize\">Text Size (px):<\/label>\r\n\t\t<input type=\"number\" id=\"textSize\" value=\"14\">\r\n\t<\/div>\r\n\t\r\n\t<div style=\"width:20%;  padding: 0 10px;\" class=\"mobile-100 wg-bottom-spacing\">\r\n\t\t<label for=\"borderRadius\">Border Radius (px):<\/label>\r\n\t\t<input type=\"number\" id=\"borderRadius\" value=\"3\">\r\n\t<\/div>\r\n\t\r\n\t<div style=\"width:20%;  padding: 0 10px;\" class=\"mobile-100 wg-bottom-spacing\">\r\n\t<label for=\"buttonPosition\">Button Position:<\/label>\r\n\t\t<select id=\"buttonPosition\">\r\n\t\t\t<option value=\"top-left\">Top Left<\/option>\r\n\t\t\t<option value=\"top-right\">Top Right<\/option>\r\n\t\t\t<option value=\"bottom-left\">Bottom Left<\/option>\r\n\t\t\t<option value=\"bottom-right\" selected>Bottom Right<\/option>\r\n\t\t<\/select>\r\n\t<\/div>\r\n\t\r\n\t<div style=\"width:20%;  padding: 0 10px;\" class=\"mobile-100 wg-bottom-spacing\">\r\n\t\t<label for=\"offset\">Offset (px):<\/label>\r\n\t\t<input type=\"number\" id=\"offset\" value=\"20\">\r\n\t<\/div>\r\n\r\n\t\r\n<\/div>\r\n\r\n<div style=\"margin:auto; text-align:center;\">\r\n\t<button  style=\"margin:30px 0 30px 0;\" class=\"wg-generate-button\" onclick=\"generateCode()\">Generate Code<\/button>\r\n\t\r\n<\/div>\r\n\r\n<!-- Textarea for the code output -->\r\n<strong>Copy this code to your site:<\/strong>\r\n<textarea id=\"codePreview\" rows=\"10\" cols=\"50\" readonly><\/textarea>\r\n\r\n<script>\r\nfunction generateCode() {\r\n    const buttonText = document.getElementById('buttonText').value;\r\n    const buttonColor = document.getElementById('buttonColor').value;\r\n    const textColor = document.getElementById('textColor').value;\r\n    const borderWidth = document.getElementById('borderWidth').value;\r\n    const borderColor = document.getElementById('borderColor').value;\r\n    const textSize = document.getElementById('textSize').value;\r\n    const borderRadius = document.getElementById('borderRadius').value;\r\n    const buttonPosition = document.getElementById('buttonPosition').value;\r\n    const offset = document.getElementById('offset').value;\r\n\r\n    let positionCss = `bottom: 20px; right: 20px;`; \/\/ Default position for preview\r\n\r\n    let codePositionCss = '';\r\n    switch (buttonPosition) {\r\n        case 'top-left':\r\n            codePositionCss = `top: ${offset}px; left: ${offset}px;`;\r\n            break;\r\n        case 'top-right':\r\n            codePositionCss = `top: ${offset}px; right: ${offset}px;`;\r\n            break;\r\n        case 'bottom-left':\r\n            codePositionCss = `bottom: ${offset}px; left: ${offset}px;`;\r\n            break;\r\n        case 'bottom-right':\r\n            codePositionCss = `bottom: ${offset}px; right: ${offset}px;`;\r\n            break;\r\n    }\r\n\r\n    const style = `\r\n<style>\r\n#backToTopButton {\r\n    position: fixed;\r\n    ${codePositionCss}\r\n    padding: 10px 20px;\r\n    background-color: ${buttonColor};\r\n    color: ${textColor};\r\n    border: ${borderWidth}px solid ${borderColor};\r\n    border-radius: ${borderRadius}px;\r\n    font-size: ${textSize}px;\r\n    cursor: pointer;\r\n    z-index: 1000;\r\n}\r\n<\/style>`;\r\n\r\n    const html = `<button id=\"backToTopButton\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'});\">${buttonText}<\/button>`;\r\n\r\n    const fullCode = style + html;\r\n\r\n    \/\/ Set the button for preview\r\n    document.getElementById('preview').innerHTML = `<button style=\"padding: 10px 20px; background-color: ${buttonColor}; color: ${textColor}; border: ${borderWidth}px solid ${borderColor}; border-radius: ${borderRadius}px; font-size: ${textSize}px;\">${buttonText}<\/button>`;\r\n\r\n    \/\/ Set the full code in the textarea\r\n    document.getElementById('codePreview').value = fullCode;\r\n}\r\n\t\r\n\tgenerateCode();\r\n<\/script>\r\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b19c95d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b19c95d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-741df37\" data-id=\"741df37\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b8ee1af elementor-widget elementor-widget-heading\" data-id=\"b8ee1af\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to Use Back to Top Button Widget Code Generator<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d27338 elementor-widget elementor-widget-heading\" data-id=\"0d27338\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Design the button to match your website's theme, generate the code, and then copy and paste it onto your site where you need the \"Back to Top\" button.<\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcd1109 elementor-widget elementor-widget-video\" data-id=\"fcd1109\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/6XOwbwB_cjg&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c34e925 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c34e925\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3f8c4a8\" data-id=\"3f8c4a8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-820838f elementor-widget elementor-widget-heading\" data-id=\"820838f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add Div Render Widget Code<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-850d2e7 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"850d2e7\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/elementor.com\/help\/edit-html-elementor\/\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">WordPress (Elementor)<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/wpshout.com\/quick-guides\/wordpress-gutenberg-html\/#gref\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">WordPress (Gutenberg Block)<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/support.wix.com\/en\/article\/wix-editor-adding-a-custom-element-to-your-site\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Wix<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/getshogun.com\/learn\/add-custom-html-section-to-shopify\/\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Shopify<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/support.squarespace.com\/hc\/en-us\/articles\/205815928-Adding-custom-code-to-your-site\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Squarespace<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/support.google.com\/sites\/answer\/90569?hl=en\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Google Sites<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/weeblytutorials.com\/add-html-to-weebly\/\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Weebly<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/university.webflow.com\/lesson\/custom-code-embed?topics=elements\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Webflow<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.youtube.com\/watch?v=FQdaUv95mR8\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">HTML<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb7be79 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"cb7be79\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/support.ecwid.com\/hc\/en-us\/articles\/8359349900828-Adding-custom-code-to-Instant-Site\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Ecwid<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.youtube.com\/watch?v=nDZYV6PZvqc\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Bigcommerce <\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.fastcomet.com\/tutorials\/joomla\/custom-html\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Joomla <\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63c65a5 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"63c65a5\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/help.instapage.com\/hc\/en-us\/articles\/205178068-Using-Custom-HTML-Javascript-and-CSS-on-Your-Landing-Page\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Instapage <\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.prestashop.com\/forums\/topic\/293516-how-to-add-html-code-to-prestashops-home-page\/\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-dot-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Prestashop <\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ab605a elementor-widget elementor-widget-button\" data-id=\"7ab605a\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/divrender.com\/add-div-render-widget-code\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">See more platforms<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-20b581a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"20b581a\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d1542ff\" data-id=\"d1542ff\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1a1225d elementor-widget elementor-widget-heading\" data-id=\"1a1225d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Make Widget Generator Better<\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d21d1e elementor-widget elementor-widget-heading\" data-id=\"3d21d1e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<p class=\"elementor-heading-title elementor-size-default\">let me know if you encounter any issues while using it or if you have any ideas to improve the tool.<\/p>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ce8dbbd\" data-id=\"ce8dbbd\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e83df03 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"e83df03\" data-element_type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"3100\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"e83df03\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\" aria-required=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-sm\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Message\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text\">\n\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_9c77431]\" id=\"form-field-field_9c77431\" class=\"elementor-field elementor-size-sm \" style=\"display:none !important;\">\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button type=\"submit\" class=\"elementor-button elementor-size-sm\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\" elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>No Install | No Sign Up | No Coding | Compatible with Any Website Back to Top Button Widget Code Generator Create a Seamless Browsing Experience Preview How to Use Back to Top Button Widget Code Generator Design the button to match your website&#8217;s theme, generate the code, and then copy and paste it onto&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"_links":{"self":[{"href":"https:\/\/divrender.com\/wp-json\/wp\/v2\/pages\/3100"}],"collection":[{"href":"https:\/\/divrender.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/divrender.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/divrender.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/divrender.com\/wp-json\/wp\/v2\/comments?post=3100"}],"version-history":[{"count":54,"href":"https:\/\/divrender.com\/wp-json\/wp\/v2\/pages\/3100\/revisions"}],"predecessor-version":[{"id":3367,"href":"https:\/\/divrender.com\/wp-json\/wp\/v2\/pages\/3100\/revisions\/3367"}],"wp:attachment":[{"href":"https:\/\/divrender.com\/wp-json\/wp\/v2\/media?parent=3100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}