<!-- wp:paragraph -->
<p>You can add login form with ajax login on page. Example</p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/login-form {"id":"gsbp-ef0208a9-3fd0","spacing":{"margin":{"values":{"bottom":[50]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[20],"right":[20],"bottom":[20],"left":[20]},"unit":["px","px","px","px"],"locked":true}},"shadow":{"hoffset":0,"voffset":32,"blur":48,"spread":0,"color":"rgba(0, 0, 0, 0.15)","position":null},"border":{"borderRadius":{"values":{},"unit":"px","locked":true},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#f4f4f4"]},"styleHover":{},"sizeHover":{},"colorHover":{}}} /-->
<!-- wp:paragraph -->
<p>If your site has installed Woocommerce, lost password and sign up will use Woocommerce my account and password recovery page. You can also set own labels, placeholders and links for lost password.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>In combination with Sliding panel block, you can build also login popup</p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/button {"id":"gsbp-ce144b8c-78a7","buttonContent":"","spacing":{"margin":{"values":{},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{"top":[14],"right":[14],"bottom":[14],"left":[14]},"unit":["px","px","px","px"],"locked":true}},"iconSpacing":{"margin":{"values":{"right":[0]},"unit":["px","px","px","px"],"locked":false},"padding":{"values":{},"unit":["px","px","px","px"],"locked":false}},"border":{"borderRadius":{"values":{"topLeft":50,"topRight":50,"bottomRight":50,"bottomLeft":50},"unit":"px","locked":true}},"position":{"positionType":["relative"],"positions":{"values":{}}},"enableIcon":true,"iconRight":false,"iconBox_icon":{"icon":{"font":"rhicon rhi-user","svg":"","image":""},"fill":"#ffffff","fillhover":"#ffffff","type":"font","iconSize":[25]},"slidingPanel":true,"slidePosition":"popup","minHeight":[475]} -->
<div id="gspb_button-id-gsbp-ce144b8c-78a7" class="gspb_button_wrapper gspb_button-id-gsbp-ce144b8c-78a7 wp-block-greenshift-blocks-button"><a class="gspb-buttonbox" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-icon"><svg class="" style="display:inline-block;vertical-align:middle" width="15" height="15" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M874.040 661.96c-55.766-55.764-122.142-97.046-194.562-122.036 77.564-53.422 128.522-142.828 128.522-243.924 0-163.214-132.786-296-296-296s-296 132.786-296 296c0 101.096 50.958 190.502 128.524 243.924-72.42 24.99-138.796 66.272-194.562 122.036-96.704 96.706-149.962 225.28-149.962 362.040h80c0-238.206 193.794-432 432-432s432 193.794 432 432h80c0-136.76-53.258-265.334-149.96-362.040zM512 512c-119.102 0-216-96.896-216-216s96.898-216 216-216c119.102 0 216 96.896 216 216s-96.898 216-216 216z"></path></svg></span><span class="gspb-buttonbox-text"><span class="gspb-buttonbox-title"></span></span></span></a><div class="gspb_slidingPanel" data-hover=""><div class="gspb_slidingPanel-wrap"><div class="gspb_slidingPanel-inner"><!-- wp:greenshift-blocks/login-form {"id":"gsbp-96a16797-1ef5","typography":{"textShadow":{},"colorlinks":"#7000f4"},"button_background":{"color":"#7000f4"}} /--></div><div class="gspb_slidingPanel-close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg></div></div></div></div>
<!-- /wp:greenshift-blocks/button -->
Copy code