It is sometimes desirable to integrate the portal login screen into a web page. You will need some basic html understanding to do this. Here you will find examples on how you can do this.

IMPORTANT: Replace [PANEL_PORTAL_URL] with Panel portal url displayed on the panel main screen.

Link to login screen. 

This link opens panel portal in the same window:

        <a href="[PANEL_PORTAL_URL]">Login to panel</a>
                                                

This link opens panel portal in a new window:

        <a href="[PANEL_PORTAL_URL]" target="blank">Login to panel</a>
                                                

Integrated login screen. 

The existing login screen can not be extracted from the panel. However, the integration can be done with the custom login form that sends the entered credentials to the panel portal:

        <form action="[PANEL_PORTAL_URL]&action=loginPanelist"   method="POST">
        <table>
                <tr>
                        <td>Login name:</td>
                        <td><input type="text" name="login"></td>
                </tr>
                <tr>
                        <td>Password:</td>
                        <td><input type="password" name="password"></td>
                </tr>
                <tr>
                        <td></td>
                        <td><input type="submit" value="Login"></td>
                </tr>
        </table>
        </form>

                                                        

You can change the look and feel of the form as you like, making it integrated into your web page. When a panelist enters the correct login info, he/she will be redirected to the panel portal. If panelist enters incorrect values, he/she will still be redirected to the panel portal with "Login failed" message over the portal's login page.

New panelist page. 

This link opens the "New panelist" screen in the same window:

        <a href="[PANEL_PORTAL_URL]&action=viewNewPanelist">Join the panel</a>
                                                

This link opens the panel portal in a new window:

        <a href="[PANEL_PORTAL_URL]&action=viewNewPanelist" target="blank">Join the panel</a>
                                                

Integrated new panelist screen. 

The integration can be done with the custom "New panelist" form that sends the entered credentials to the panel portal:

        <form action="[PANEL_PORTAL_URL]&action=newPanelist" method="POST">
        <table>
                <tr>
                        <td>Your name:</td>
                        <td><input type="text" name="name"></td>
                </tr>
                <tr>
                        <td>Email:</td>
                        <td><input type="text" name="email"></td>
                </tr>
                <tr>
                        <td>Password:</td>
                        <td><input type="password" name="password"></td>
                </tr>
                <tr>
                        <td>Confirm password:</td>
                        <td><input type="password" name="confirmedPassword"></td>
                </tr>
                <tr>
                        <td></td>
                        <td><input type="submit" value="Ok"></td>
                </tr>
        </table>
        </form>
                                                

You can change the look and feel of the form as you like, making it integrated to your web page. When panelist enters the information he/she will be redirected to the panel portal.