Download Code
"<!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-5d040fc\",\"type\":\"inner\",\"localId\":\"gsbp-5d040fc\"} -->\n<div><!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-6411971\",\"dynamicGClasses\":[{\"value\":\"hide_onfront\",\"type\":\"preset\",\"label\":\"hide_onfront\"}],\"interactionLayers\":[],\"type\":\"inner\",\"className\":\"user-message-api hide_onfront\",\"localId\":\"gsbp-6411971\",\"dynamicAttributes\":[],\"styleAttributes\":{\"marginBottom\":[\"20px\"]},\"metadata\":{\"name\":\"User Message Template\"}} -->\n<div class=\"user-message-api hide_onfront gsbp-6411971\"><!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-44bc502\",\"type\":\"inner\",\"animation\":{\"duration\":800,\"easing\":\"ease\",\"type\":\"fade-up\",\"onchild\":true,\"onsplit\":false,\"onscrub\":false,\"onchild_delay\":true,\"onselector_active\":true,\"activeselector\":\".active\"},\"className\":\"user-message-template\",\"localId\":\"gsbp-44bc502\",\"styleAttributes\":{\"display\":[\"flex\"],\"flexDirection\":[\"row-reverse\",null,null,\"column\"],\"columnGap\":[\"30px\"],\"rowGap\":[\"30px\"]},\"metadata\":{\"name\":\"Result Template\"}} -->\n<div data-aos=\"fade-up\" data-aos-easing=\"ease\" data-aos-duration=\"800\" class=\"user-message-template gsbp-44bc502\"><!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-9ed35cf\",\"type\":\"inner\",\"localId\":\"gsbp-9ed35cf\",\"styleAttributes\":{\"width\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dsize\\u002d\\u002dr, 40px)\"],\"height\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dsize\\u002d\\u002dr, 40px)\"],\"display\":[\"inline-flex\"],\"flexDirection\":[\"column\"],\"justifyContent\":[\"center\"],\"alignItems\":[\"center\"],\"borderBottomLeftRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dcircle, 50%)\"],\"borderBottomRightRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dcircle, 50%)\"],\"borderTopLeftRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dcircle, 50%)\"],\"borderTopRightRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dcircle, 50%)\"],\"borderRadiusCustom_Extra\":false,\"borderRadiusLink_Extra\":true,\"backgroundColor\":[\"#f1f1f1\"],\"minWidth\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dsize\\u002d\\u002dr, 40px)\"],\"minHeight\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dsize\\u002d\\u002dr, 40px)\"]}} -->\n<div class=\"gsbp-9ed35cf\"><!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-4b56030\",\"tag\":\"svg\",\"icon\":{\"icon\":{\"font\":\"rhicon rhi-user\",\"svg\":\"\\u003csvg width=\\u0022800\\u0022 height=\\u0022800\\u0022 viewBox=\\u00220 0 24 24\\u0022 xmlns=\\u0022http:\/\/www.w3.org\/2000\/svg\\u0022\\u003e\\u003cpath fill-rule=\\u0022evenodd\\u0022 d=\\u0022M7 16h10a5 5 0 0 1 5 5 1 1 0 0 1-1.993.117l-.012-.293a3 3 0 0 0-2.819-2.819L17 18H7a3 3 0 0 0-3 3 1 1 0 0 1-2 0 5 5 0 0 1 4.783-4.995zh10zm5-14a6 6 0 1 1 0 12 6 6 0 0 1 0-12m0 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8\\u0022\/\\u003e\\u003c\/svg\\u003e\",\"image\":\"\"},\"type\":\"svg\"},\"localId\":\"gsbp-4b56030\",\"styleAttributes\":{\"width\":[\"20px\"],\"height\":[\"20px\"]}} -->\n<svg viewBox=\"0 0 24 24\" width=\"800\" height=\"800\" class=\"gsbp-4b56030\"><path xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill-rule=\"evenodd\" d=\"M7 16h10a5 5 0 0 1 5 5 1 1 0 0 1-1.993.117l-.012-.293a3 3 0 0 0-2.819-2.819L17 18H7a3 3 0 0 0-3 3 1 1 0 0 1-2 0 5 5 0 0 1 4.783-4.995zh10zm5-14a6 6 0 1 1 0 12 6 6 0 0 1 0-12m0 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8\"\/><\/svg>\n<!-- \/wp:greenshift-blocks\/element --><\/div>\n<!-- \/wp:greenshift-blocks\/element -->\n\n<!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-305d835\",\"textContent\":\"User message...\",\"className\":\"user-message-field\",\"localId\":\"gsbp-305d835\",\"styleAttributes\":{\"flexGrow\":[\"1\"],\"backgroundColor\":[\"#ededed8a\"],\"paddingTop\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d30, 0.67rem)\"],\"paddingBottom\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d30, 0.67rem)\"],\"paddingRight\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d50, 1.5rem)\"],\"paddingLeft\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d50, 1.5rem)\"],\"borderBottomLeftRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dmini, 5px)\"],\"borderBottomRightRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dmini, 5px)\"],\"borderTopLeftRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dmini, 5px)\"],\"borderTopRightRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dmini, 5px)\"],\"borderRadiusCustom_Extra\":false,\"borderRadiusLink_Extra\":true,\"color\":[\"#000000\"],\"borderWidth\":[\"1px\"],\"borderStyle\":[\"solid\"],\"borderColor\":[\"#0000000d\"],\"borderCustom_Extra\":false,\"borderLink_Extra\":false,\"fontSize\":[\"17px\"]}} -->\n<div class=\"user-message-field gsbp-305d835\">User message...<\/div>\n<!-- \/wp:greenshift-blocks\/element --><\/div>\n<!-- \/wp:greenshift-blocks\/element --><\/div>\n<!-- \/wp:greenshift-blocks\/element -->\n\n<!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-ad2b91c\",\"dynamicGClasses\":[{\"value\":\"hide_onfront\",\"type\":\"preset\",\"label\":\"hide_onfront\"}],\"interactionLayers\":[],\"type\":\"inner\",\"className\":\"system-message-api hide_onfront\",\"localId\":\"gsbp-ad2b91c\",\"dynamicAttributes\":[],\"metadata\":{\"name\":\"System Message Template\"}} -->\n<div class=\"system-message-api hide_onfront\"><!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-36e8092\",\"type\":\"inner\",\"className\":\"\",\"localId\":\"gsbp-36e8092\",\"styleAttributes\":{\"display\":[\"flex\"],\"flexDirection\":[\"row\",null,null,\"column\"],\"columnGap\":[\"30px\"],\"rowGap\":[\"30px\"],\"marginBottom\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d50, 1.5rem)\"]},\"metadata\":{\"name\":\"Result Template\"}} -->\n<div class=\"gsbp-36e8092\"><!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-987b95e\",\"type\":\"inner\",\"localId\":\"gsbp-987b95e\",\"styleAttributes\":{\"width\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dsize\\u002d\\u002dr, 40px)\"],\"height\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dsize\\u002d\\u002dr, 40px)\"],\"display\":[\"inline-flex\"],\"flexDirection\":[\"column\"],\"justifyContent\":[\"center\"],\"alignItems\":[\"center\"],\"borderBottomLeftRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dcircle, 50%)\"],\"borderBottomRightRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dcircle, 50%)\"],\"borderTopLeftRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dcircle, 50%)\"],\"borderTopRightRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dcircle, 50%)\"],\"borderRadiusCustom_Extra\":false,\"borderRadiusLink_Extra\":true,\"backgroundColor\":[\"#c2fbd7\"],\"minWidth\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dsize\\u002d\\u002dr, 40px)\"],\"minHeight\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dsize\\u002d\\u002dr, 40px)\"]}} -->\n<div class=\"gsbp-987b95e\"><!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-2ef9656\",\"tag\":\"svg\",\"icon\":{\"icon\":{\"font\":\"rhicon rhi-check\",\"svg\":\"\\u003csvg width=\\u0022800\\u0022 height=\\u0022800\\u0022 viewBox=\\u00220 0 56 56\\u0022 xmlns=\\u0022http:\/\/www.w3.org\/2000\/svg\\u0022\\u003e\\u003cpath d=\\u0022M30.04 4.61c0-1.102-.938-2.04-2.04-2.04s-2.039.938-2.039 2.04v7.218c0 1.125.938 2.063 2.04 2.063 1.1 0 2.038-.938 2.038-2.063ZM14.944 17.851c.774.773 2.086.773 2.86 0 .797-.797.797-2.11 0-2.883l-5.063-5.11c-.773-.773-2.086-.796-2.883-.023-.773.773-.773 2.086 0 2.883Zm22.97-2.649c-.774.774-.774 2.086 0 2.883.796.773 2.132.773 2.905 0l5.11-5.11a2.066 2.066 0 0 0 0-2.906c-.774-.773-2.086-.773-2.883 0ZM51.39 30.04c1.101 0 2.039-.937 2.039-2.039s-.938-2.04-2.04-2.04h-7.218c-1.125 0-2.063.938-2.063 2.04s.938 2.039 2.063 2.039ZM4.609 25.961c-1.101 0-2.039.937-2.039 2.039s.938 2.039 2.04 2.039h7.242c1.125 0 2.062-.937 2.062-2.039s-.937-2.04-2.062-2.04ZM40.82 37.914c-.773-.773-2.109-.773-2.906 0-.773.797-.773 2.11 0 2.883l5.133 5.133c.797.75 2.11.75 2.883 0 .796-.774.796-2.11 0-2.907Zm-30.75 5.11c-.796.773-.796 2.109-.023 2.882s2.11.774 2.906.024l5.086-5.11a2.01 2.01 0 0 0 0-2.86c-.75-.796-2.086-.796-2.86 0Zm19.97 1.148c0-1.125-.938-2.063-2.04-2.063s-2.039.938-2.039 2.063v7.219c0 1.101.938 2.039 2.04 2.039 1.1 0 2.038-.938 2.038-2.04Z\\u0022\/\\u003e\\u003c\/svg\\u003e\",\"image\":\"\"},\"type\":\"svg\"},\"localId\":\"gsbp-2ef9656\",\"styleAttributes\":{\"width\":[\"22px\"],\"height\":[\"22px\"],\"fill\":[\"#008001\"]}} -->\n<svg viewBox=\"0 0 56 56\" width=\"800\" height=\"800\" class=\"gsbp-2ef9656\"><path xmlns=\"http:\/\/www.w3.org\/2000\/svg\" d=\"M30.04 4.61c0-1.102-.938-2.04-2.04-2.04s-2.039.938-2.039 2.04v7.218c0 1.125.938 2.063 2.04 2.063 1.1 0 2.038-.938 2.038-2.063ZM14.944 17.851c.774.773 2.086.773 2.86 0 .797-.797.797-2.11 0-2.883l-5.063-5.11c-.773-.773-2.086-.796-2.883-.023-.773.773-.773 2.086 0 2.883Zm22.97-2.649c-.774.774-.774 2.086 0 2.883.796.773 2.132.773 2.905 0l5.11-5.11a2.066 2.066 0 0 0 0-2.906c-.774-.773-2.086-.773-2.883 0ZM51.39 30.04c1.101 0 2.039-.937 2.039-2.039s-.938-2.04-2.04-2.04h-7.218c-1.125 0-2.063.938-2.063 2.04s.938 2.039 2.063 2.039ZM4.609 25.961c-1.101 0-2.039.937-2.039 2.039s.938 2.039 2.04 2.039h7.242c1.125 0 2.062-.937 2.062-2.039s-.937-2.04-2.062-2.04ZM40.82 37.914c-.773-.773-2.109-.773-2.906 0-.773.797-.773 2.11 0 2.883l5.133 5.133c.797.75 2.11.75 2.883 0 .796-.774.796-2.11 0-2.907Zm-30.75 5.11c-.796.773-.796 2.109-.023 2.882s2.11.774 2.906.024l5.086-5.11a2.01 2.01 0 0 0 0-2.86c-.75-.796-2.086-.796-2.86 0Zm19.97 1.148c0-1.125-.938-2.063-2.04-2.063s-2.039.938-2.039 2.063v7.219c0 1.101.938 2.039 2.04 2.039 1.1 0 2.038-.938 2.038-2.04Z\"\/><\/svg>\n<!-- \/wp:greenshift-blocks\/element --><\/div>\n<!-- \/wp:greenshift-blocks\/element -->\n\n<!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-7d1f351\",\"type\":\"inner\",\"localId\":\"gsbp-7d1f351\",\"styleAttributes\":{\"flexGrow\":[\"1\"]}} -->\n<div class=\"gsbp-7d1f351\"><!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-983d959\",\"dynamicGClasses\":[{\"value\":\"code-format-message\",\"type\":\"local\",\"label\":\"code-format-message\",\"localed\":false,\"css\":\"\",\"attributes\":{},\"originalID\":\"gsbp-5b916f5\",\"originalBlock\":\"greenshift-blocks\/element\",\"tag\":\"div\",\"selectors\":[{\"value\":\" pre\",\"attributes\":{\"styleAttributes\":{\"backgroundColor\":[\"#000000\"],\"color\":[\"#ffffff\"],\"customCSS_Extra\":\"{CURRENT}{\\nfont-family:Monospace;\\n}\",\"paddingLink_Extra\":\"all\",\"paddingTop\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d40, 1rem)\"],\"paddingBottom\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d40, 1rem)\"],\"paddingLeft\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d40, 1rem)\"],\"paddingRight\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d40, 1rem)\"],\"overflowLink_Extra\":true,\"overflowX\":[\"scroll\"],\"fontSize\":[\"14px\"],\"marginLink_Extra\":\"all\",\"marginTop\":[\"0px\"],\"marginBottom\":[\"0px\"],\"marginLeft\":[\"0px\"],\"marginRight\":[\"0px\"]}},\"css\":\".code-format-message pre{background-color:#000000;color:#ffffff;padding-top:var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d40, 1rem);padding-bottom:var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d40, 1rem);padding-left:var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d40, 1rem);padding-right:var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d40, 1rem);overflow-x:scroll;font-size:14px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;}.code-format-message pre{\\nfont-family:Monospace;\\n}\"},{\"value\":\" ul\",\"attributes\":{\"styleAttributes\":{\"marginTop\":[\"0px\"],\"marginBottom\":[\"0px\"],\"marginLeft\":[\"15px\"],\"marginRight\":[\"0px\"],\"paddingLink_Extra\":\"all\",\"paddingTop\":[\"0px\"],\"paddingBottom\":[\"0px\"],\"paddingLeft\":[\"0px\"],\"paddingRight\":[\"0px\"]}},\"css\":\".code-format-message ul{margin-top:0px;margin-bottom:0px;margin-left:15px;margin-right:0px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;}\"},{\"value\":\" ol\",\"attributes\":{\"styleAttributes\":{\"marginTop\":[\"0px\"],\"marginBottom\":[\"0px\"],\"marginLeft\":[\"15px\"],\"marginRight\":[\"0px\"],\"paddingLink_Extra\":\"all\",\"paddingTop\":[\"0px\"],\"paddingBottom\":[\"0px\"],\"paddingLeft\":[\"0px\"],\"paddingRight\":[\"0px\"]}},\"css\":\".code-format-message ol{margin-top:0px;margin-bottom:0px;margin-left:15px;margin-right:0px;padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;}\"},{\"value\":\" .code_language\",\"attributes\":{\"styleAttributes\":{\"backgroundColor\":[\"#333333\"],\"paddingTop\":[\"5px\"],\"paddingBottom\":[\"5px\"],\"paddingRight\":[\"15px\"],\"paddingLeft\":[\"15px\"],\"color\":[\"#dbdbdb\"],\"fontSize\":[\"13px\"]}},\"css\":\".code-format-message .code_language{background-color:#333333;padding-top:5px;padding-bottom:5px;padding-right:15px;padding-left:15px;color:#dbdbdb;font-size:13px;}\"}]}],\"className\":\"result-api-system-message code-format-message\",\"localId\":\"gsbp-983d959\",\"styleAttributes\":{\"flexGrow\":[\"1\"],\"backgroundColor\":[\"#ededed2b\"],\"paddingTop\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d30, 0.67rem)\"],\"paddingBottom\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d30, 0.67rem)\"],\"paddingRight\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d50, 1.5rem)\"],\"paddingLeft\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d50, 1.5rem)\"],\"borderBottomLeftRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dmini, 5px)\"],\"borderBottomRightRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dmini, 5px)\"],\"borderTopLeftRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dmini, 5px)\"],\"borderTopRightRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dmini, 5px)\"],\"borderRadiusCustom_Extra\":false,\"borderRadiusLink_Extra\":true,\"color\":[\"#000000\"],\"borderWidth\":[\"1px\"],\"borderStyle\":[\"solid\"],\"borderColor\":[\"#0000000d\"],\"fontSize\":[\"16px\"],\"overflow\":[\"hidden\"]}} -->\n<div class=\"result-api-system-message code-format-message gsbp-983d959\"><\/div>\n<!-- \/wp:greenshift-blocks\/element --><\/div>\n<!-- \/wp:greenshift-blocks\/element --><\/div>\n<!-- \/wp:greenshift-blocks\/element --><\/div>\n<!-- \/wp:greenshift-blocks\/element -->\n\n<!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-dc3c830\",\"type\":\"inner\",\"className\":\"outputresults-api\",\"localId\":\"gsbp-dc3c830\",\"styleAttributes\":{\"display\":[\"flex\"],\"flexDirection\":[\"column\"],\"rowGap\":[\"25px\"],\"justifyContent\":[\"flex-start\"],\"alignItems\":[\"stretch\"]},\"metadata\":{\"name\":\"Result Output Block\"}} -->\n<div class=\"outputresults-api gsbp-dc3c830\"><!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-fa8107c\",\"textContent\":\"Result Output Here\",\"localId\":\"gsbp-fa8107c\",\"styleAttributes\":{\"fontSize\":[\"15px\"],\"backgroundColor\":[\"#fcfcfc\"],\"paddingTop\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d40, 1rem)\"],\"paddingBottom\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d40, 1rem)\"],\"paddingLeft\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d50, 1.5rem)\"],\"paddingRight\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d50, 1.5rem)\"],\"hideOnFrontend_Extra\":true},\"isVariation\":\"divtext\"} -->\n<div class=\"gsbp-fa8107c\">Result Output Here<\/div>\n<!-- \/wp:greenshift-blocks\/element --><\/div>\n<!-- \/wp:greenshift-blocks\/element -->\n\n<!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-27a2b3e\",\"dynamicGClasses\":[],\"type\":\"inner\",\"className\":\"loader-api\",\"localId\":\"gsbp-27a2b3e\",\"styleAttributes\":{\"marginTop\":[\"10px\"],\"overflow\":[\"hidden\"]},\"metadata\":{\"name\":\"Loader Container\"}} -->\n<div class=\"loader-api gsbp-27a2b3e\"><!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-skl111a\",\"type\":\"inner\",\"animation\":{\"duration\":500,\"easing\":\"ease\",\"type\":\"fade-up\",\"onclass_active\":true,\"delay\":500},\"localId\":\"gsbp-skl111a\",\"styleAttributes\":{\"display\":[\"flex\"],\"flexDirection\":[\"row\"],\"rowGap\":[\"20px\"],\"columnGap\":[\"20px\"]}} -->\n<div data-aos-delay=\"500\" data-aos-easing=\"ease\" data-aos-duration=\"500\" class=\"gsbp-skl111a\"><!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-618be8c\",\"tag\":\"svg\",\"icon\":{\"icon\":{\"font\":\"rhicon rhi-check\",\"svg\":\"\\u003csvg version=\\u00221.1\\u0022 id=\\u0022L2\\u0022 xmlns=\\u0022http:\/\/www.w3.org\/2000\/svg\\u0022 xmlns:xlink=\\u0022http:\/\/www.w3.org\/1999\/xlink\\u0022 x=\\u00220px\\u0022 y=\\u00220px\\u0022\\n  viewBox=\\u00220 0 100 100\\u0022 enable-background=\\u0022new 0 0 100 100\\u0022 xml:space=\\u0022preserve\\u0022\\u003e\\n\\u003ccircle fill=\\u0022none\\u0022 stroke=\\u0022#bbb\\u0022 stroke-width=\\u00224\\u0022 stroke-miterlimit=\\u002210\\u0022 cx=\\u002250\\u0022 cy=\\u002250\\u0022 r=\\u002248\\u0022\/\\u003e\\n\\u003cline fill=\\u0022none\\u0022 stroke-linecap=\\u0022round\\u0022 stroke=\\u0022#bbb\\u0022 stroke-width=\\u00224\\u0022 stroke-miterlimit=\\u002210\\u0022 x1=\\u002250\\u0022 y1=\\u002250\\u0022 x2=\\u002285\\u0022 y2=\\u002250.5\\u0022\\u003e\\n  \\u003canimateTransform \\n       attributeName=\\u0022transform\\u0022 \\n       dur=\\u00222s\\u0022\\n       type=\\u0022rotate\\u0022\\n       from=\\u00220 50 50\\u0022\\n       to=\\u0022360 50 50\\u0022\\n       repeatCount=\\u0022indefinite\\u0022 \/\\u003e\\n\\u003c\/line\\u003e\\n\\u003cline fill=\\u0022none\\u0022 stroke-linecap=\\u0022round\\u0022 stroke=\\u0022#bbb\\u0022 stroke-width=\\u00224\\u0022 stroke-miterlimit=\\u002210\\u0022 x1=\\u002250\\u0022 y1=\\u002250\\u0022 x2=\\u002249.5\\u0022 y2=\\u002274\\u0022\\u003e\\n  \\u003canimateTransform \\n       attributeName=\\u0022transform\\u0022 \\n       dur=\\u002215s\\u0022\\n       type=\\u0022rotate\\u0022\\n       from=\\u00220 50 50\\u0022\\n       to=\\u0022360 50 50\\u0022\\n       repeatCount=\\u0022indefinite\\u0022 \/\\u003e\\n\\u003c\/line\\u003e\\n\\u003c\/svg\\u003e\",\"image\":\"\"},\"type\":\"svg\"},\"localId\":\"gsbp-618be8c\",\"styleAttributes\":{\"width\":[\"20px\"],\"height\":[\"20px\"]}} -->\n<svg viewBox=\"0 0 100 100\" class=\"gsbp-618be8c\">\n<circle xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"#bbb\" stroke-width=\"4\" stroke-miterlimit=\"10\" cx=\"50\" cy=\"50\" r=\"48\"\/>\n<line xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke-linecap=\"round\" stroke=\"#bbb\" stroke-width=\"4\" stroke-miterlimit=\"10\" x1=\"50\" y1=\"50\" x2=\"85\" y2=\"50.5\">\n  <animateTransform attributeName=\"transform\" dur=\"2s\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" repeatCount=\"indefinite\"\/>\n<\/line>\n<line xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke-linecap=\"round\" stroke=\"#bbb\" stroke-width=\"4\" stroke-miterlimit=\"10\" x1=\"50\" y1=\"50\" x2=\"49.5\" y2=\"74\">\n  <animateTransform attributeName=\"transform\" dur=\"15s\" type=\"rotate\" from=\"0 50 50\" to=\"360 50 50\" repeatCount=\"indefinite\"\/>\n<\/line>\n<\/svg>\n<!-- \/wp:greenshift-blocks\/element --><\/div>\n<!-- \/wp:greenshift-blocks\/element --><\/div>\n<!-- \/wp:greenshift-blocks\/element --><\/div>\n<!-- \/wp:greenshift-blocks\/element -->\n\n<!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-fb89cc1\",\"tag\":\"form\",\"type\":\"inner\",\"localId\":\"gsbp-fb89cc1\",\"prettyStyles\":true,\"styleAttributes\":{\"display\":[\"flex\"],\"columnGap\":[\"15px\"],\"rowGap\":[\"15px\"],\"flexDirection\":[null,null,null,\"column\"],\"marginBottom\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dspacing\\u002d\\u002d60, 2.25rem)\"]}} -->\n<form class=\"gsbp-fb89cc1\" method=\"get\" action=\"\" data-pretty-styles=\"true\"><!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-a5f8fda\",\"type\":\"inner\",\"localId\":\"gsbp-a5f8fda\",\"styleAttributes\":{\"display\":[\"flex\"],\"flexDirection\":[\"row\"],\"columnGap\":[\"15px\"],\"rowGap\":[\"15px\"],\"flexGrow\":[\"1\"]}} -->\n<div class=\"gsbp-a5f8fda\"><!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-76c5498\",\"tag\":\"input\",\"className\":\"search-input-api\",\"localId\":\"gsbp-76c5498\",\"formAttributes\":{\"value\":\"\",\"placeholder\":\"What to search ...\",\"name\":\"search\",\"id\":\"search\",\"required\":true},\"styleAttributes\":{\"borderBottomLeftRadius\":[\"5px\"],\"borderBottomRightRadius\":[\"5px\"],\"borderTopLeftRadius\":[\"5px\"],\"borderTopRightRadius\":[\"5px\"],\"borderRadiusCustom_Extra\":false,\"borderRadiusLink_Extra\":true,\"flexGrow\":[\"1\"]},\"enableSpecificity\":true} -->\n<input class=\"search-input-api gsbp-76c5498\" name=\"search\" id=\"search\" placeholder=\"What to search ...\" required\/>\n<!-- \/wp:greenshift-blocks\/element --><\/div>\n<!-- \/wp:greenshift-blocks\/element -->\n\n<!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-47dd987\",\"interactionLayers\":[{\"actions\":[{\"actionname\":\"copyelement\",\"env\":\"no-action\",\"targetcopy\":\".user-message-template\",\"selector\":\".outputresults-api\"},{\"actionname\":\"sethtml\",\"env\":\"no-action\",\"selector\":\".outputresults-api \\u003ediv:last-child .user-message-field\",\"attrValue\":\"{{VALUE}}\",\"attrValueSelector\":\".search-input-api\"}],\"env\":\"no-action\",\"triggerData\":{\"trigger\":\"click\"}},{\"actions\":[{\"actionname\":\"attach-class\",\"classname\":\"active\",\"selector\":\".outputresults-api \\u003ediv:last-child\"}],\"env\":\"no-action\",\"triggerData\":{\"trigger\":\"click\",\"delay\":true,\"delaytime\":\"100\"}},{\"actions\":[{\"actionname\":\"customapi\",\"api_filters\":{\"apiUrl\":\"https:\/\/api.openai.com\/v1\/chat\/completions\",\"apiMethod\":\"POST\",\"apiHeaders\":[{\"name\":\"Authorization\",\"value\":\"Bearer \"},{\"name\":\"Content-Type\",\"value\":\"application\/json\"}],\"apiBody\":\"{\\n  \\u0022stream\\u0022: true,\\n  \\u0022model\\u0022: \\u0022gpt-4o\\u0022,\\n  \\u0022messages\\u0022: [\\n    {\\n      \\u0022role\\u0022: \\u0022system\\u0022,\\n      \\u0022content\\u0022: [\\n        {\\n          \\u0022type\\u0022: \\u0022text\\u0022,\\n          \\u0022text\\u0022: \\u0022You are a helpful assistant that can answer questions and help with tasks.\\u0022\\n        }\\n      ]\\n    }\\n  ]\\n}\",\"stream_chat\":true,\"user_message\":\"{\\n  \\u0022role\\u0022: \\u0022user\\u0022,\\n  \\u0022content\\u0022: [\\n    {\\n      \\u0022type\\u0022: \\u0022text\\u0022,\\n      \\u0022text\\u0022: \\u0022{{VALUE:.search-input-api}}\\u0022\\n    }\\n  ]\\n}\",\"systemField\":\"choices[0][delta][content]\",\"appendField\":\"messages\",\"responseField\":\"\",\"result_handle\":\"append\",\"result_selector\":\".outputresults-api\",\"loader_selector\":\".loader-api\",\"custom_response\":true,\"response_selector\":\".system-message-api\",\"responseMaps\":[{\"name\":\".result-api-system-message\",\"value\":\"choices[0][delta][content]\",\"format\":\"markdown\"}],\"stream_response\":true,\"system_message\":\"{\\n  \\u0022role\\u0022: \\u0022user\\u0022,\\n  \\u0022content\\u0022: [\\n    {\\n      \\u0022type\\u0022: \\u0022text\\u0022,\\n      \\u0022text\\u0022: \\u0022{{RESPONSE}}\\u0022\\n    }\\n  ]\\n}\",\"assistant_message\":\"{\\n  \\u0022role\\u0022: \\u0022assistant\\u0022,\\n  \\u0022content\\u0022: [\\n    {\\n      \\u0022type\\u0022: \\u0022text\\u0022,\\n      \\u0022text\\u0022: \\u0022{{RESPONSE}}\\u0022\\n    }\\n  ]\\n}\",\"assistantField\":\"choices[0][delta][content]\"}}],\"env\":\"no-action\",\"triggerData\":{\"trigger\":\"click\"}},{\"actions\":[{\"actionname\":\"attach-attribute\",\"attr\":\"value\",\"attrValue\":\" \",\"selector\":\".search-input-api\"}],\"env\":\"no-action\",\"triggerData\":{\"trigger\":\"click\",\"delay\":true,\"delaytime\":\"1000\"}}],\"textContent\":\"Ask AI\",\"tag\":\"button\",\"localId\":\"gsbp-47dd987\",\"formAttributes\":{\"type\":\"button\"},\"styleAttributes\":{\"display\":[\"inline-block\"],\"paddingTop\":[\"10px\"],\"paddingBottom\":[\"10px\"],\"paddingLeft\":[\"25px\"],\"paddingRight\":[\"25px\"],\"whiteSpace\":[\"nowrap\"],\"borderBottomLeftRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dmini, 5px)\"],\"borderBottomRightRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dmini, 5px)\"],\"borderTopLeftRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dmini, 5px)\"],\"borderTopRightRadius\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dborder-radius\\u002d\\u002dmini, 5px)\"],\"borderRadiusCustom_Extra\":false,\"borderRadiusLink_Extra\":true,\"fontSize\":[\"var(\\u002d\\u002dwp\\u002d\\u002dpreset\\u002d\\u002dfont-size\\u002d\\u002dr, 1.2rem)\"],\"lineHeight\":[\"var(\\u002d\\u002dwp\\u002d\\u002dcustom\\u002d\\u002dline-height\\u002d\\u002dr, 1.9rem)\"],\"cursor\":[\"pointer\"],\"backgroundColor\":[\"#332cf2\"],\"borderRadius\":[\"0.375rem\"],\"boxShadow\":[\"0 1px 3px 0 #00000005\"],\"boxShadow_hover\":[\"0 4px 12px 0 #0000001a\"],\"color\":[\"#ffffff\"],\"transform_hover\":[\"scale(1.05)\"],\"transform_focus\":[\"translateY(2px)\"],\"transition\":[\"0.2s\"],\"textDecoration\":[\"none\"],\"borderWidth\":[\"1px\"],\"borderStyle\":[\"solid\"],\"borderColor\":[\"#00000000\"]}} -->\n<button data-gspbactions=\"[{"actions":[{"actionname":"copyelement","env":"no-action","targetcopy":".user-message-template","selector":".outputresults-api"},{"actionname":"sethtml","env":"no-action","selector":".outputresults-api >div:last-child .user-message-field","attrValue":"{{VALUE}}","attrValueSelector":".search-input-api"}],"env":"no-action","triggerData":{"trigger":"click"}},{"actions":[{"actionname":"attach-class","classname":"active","selector":".outputresults-api >div:last-child"}],"env":"no-action","triggerData":{"trigger":"click","delay":true,"delaytime":"100"}},{"actions":[{"actionname":"customapi","api_filters":{"apiUrl":"https:\/\/api.openai.com\/v1\/chat\/completions","apiMethod":"POST","apiHeaders":[{"name":"Authorization","value":"Bearer "},{"name":"Content-Type","value":"application\/json"}],"apiBody":"{\\n  \\"stream\\": true,\\n  \\"model\\": \\"gpt-4o\\",\\n  \\"messages\\": [\\n    {\\n      \\"role\\": \\"system\\",\\n      \\"content\\": [\\n        {\\n          \\"type\\": \\"text\\",\\n          \\"text\\": \\"You are a helpful assistant that can answer questions and help with tasks.\\"\\n        }\\n      ]\\n    }\\n  ]\\n}","stream_chat":true,"user_message":"{\\n  \\"role\\": \\"user\\",\\n  \\"content\\": [\\n    {\\n      \\"type\\": \\"text\\",\\n      \\"text\\": \\"{{VALUE:.search-input-api}}\\"\\n    }\\n  ]\\n}","systemField":"choices[0][delta][content]","appendField":"messages","responseField":"","result_handle":"append","result_selector":".outputresults-api","loader_selector":".loader-api","custom_response":true,"response_selector":".system-message-api","responseMaps":[{"name":".result-api-system-message","value":"choices[0][delta][content]","format":"markdown"}],"stream_response":true,"system_message":"{\\n  \\"role\\": \\"user\\",\\n  \\"content\\": [\\n    {\\n      \\"type\\": \\"text\\",\\n      \\"text\\": \\"{{RESPONSE}}\\"\\n    }\\n  ]\\n}","assistant_message":"{\\n  \\"role\\": \\"assistant\\",\\n  \\"content\\": [\\n    {\\n      \\"type\\": \\"text\\",\\n      \\"text\\": \\"{{RESPONSE}}\\"\\n    }\\n  ]\\n}","assistantField":"choices[0][delta][content]"}}],"env":"no-action","triggerData":{"trigger":"click"}},{"actions":[{"actionname":"attach-attribute","attr":"value","attrValue":" ","selector":".search-input-api"}],"env":"no-action","triggerData":{"trigger":"click","delay":true,"delaytime":"1000"}}]\" class=\"gsbp-47dd987\" type=\"button\">Ask AI<\/button>\n<!-- \/wp:greenshift-blocks\/element --><\/form>\n<!-- \/wp:greenshift-blocks\/element -->\n\n<!-- wp:greenshift-blocks\/element {\"id\":\"gsbp-492acda\",\"textContent\":\"You must Put your API Key in the Authorization header inside the Interaction Layers API Call that is added to the button. It's on the third Click Action. Make sure to add word Bearer and space before your API Key\",\"localId\":\"gsbp-492acda\",\"styleAttributes\":{\"paddingTop\":[\"12px\"],\"paddingBottom\":[\"12px\"],\"paddingLeft\":[\"18px\"],\"paddingRight\":[\"18px\"],\"backgroundColor\":[\"#ffdbdb\"],\"fontSize\":[\"15px\"]},\"isVariation\":\"divtext\"} -->\n<div class=\"gsbp-492acda\">You must Put your API Key in the Authorization header inside the Interaction Layers API Call that is added to the button. It's on the third Click Action. Make sure to add word Bearer and space before your API Key<\/div>\n<!-- \/wp:greenshift-blocks\/element -->"

Custom Open AI Chat UI

User message…