[Resolved] button

[Author]

Posts

[YounesZ5625]

How do you make the button open a form so that the form opens below the button
I would like to create a button on the home page that when clicked will open a registration form or login form below the button

[Waqar]

Hi,

Thank you for contacting us and I'd be happy to assist.

To suggest an optimal way to achieve this, I'll need to see which plugins and theme components are active on the website.

Can you please share temporary admin login details, along with the exact location information where you'd like to show this button on the homepage?

Note: Your next reply will be private and making a complete backup copy is recommended before sharing the access details.

regards,
Waqar

[Waqar]

Hi Yonas,

Thank you for sharing these details, but I keep getting the incorrect username error message.

Can you please check the username and the password again? I'm setting your next reply as private.

regards,
Waqar

[YounesZ5625]

This is the page I want to put the button that opens a form
hidden link
Thank you
Younes

[Waqar]

The new access details worked, thank you.

On your website, I couldn't find any theme or plugin that could add the modal/pop-up feature.

For a simple example, I've turned on the Bootstrap 4 library from WP Admin -> Toolset -> Settings -> General -> Bootstrap loading.
( screenshot: hidden link )

Next, at the bottom of the page, I added this example code added through a 'Fields and Text' block:

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
  Login Form
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Login</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        [wpv-login-form]
      </div>
      <div class="modal-footer">
      </div>
    </div>
  </div>
</div>

More details about using this Bootstrap 4 modal feature and the Toolset's login form shortcode 'wpv-login-form' are available at the following links:
hidden link
https://toolset.com/documentation/programmer-reference/views/views-shortcodes/#wpv-login-form

If you'd like to use a pop-up/modal window feature with more options, you can install a third-party plugin:
hidden link

[YounesZ5625]

Thank you very much, you helped me a lot, excellent service
I can't change WordPress back [I change the settings but WordPress doesn't change] to the language I use - Hebrew
Thanks

[Waqar]

Thanks for the update and glad that I was able to help.

I've set the user's language back to the site's default language (Hebrew).

You're welcome to mark this ticket as resolved and start a new one for each new question or concern.

[YounesZ5625]

I am very satisfied with the service