{"id":5734,"date":"2017-06-04T16:19:55","date_gmt":"2017-06-04T23:19:55","guid":{"rendered":"http:\/\/digitalaccesspass.com\/doc\/?p=5734"},"modified":"2017-06-04T21:13:51","modified_gmt":"2017-06-05T04:13:51","slug":"dap-login-form","status":"publish","type":"post","link":"http:\/\/digitalaccesspass.com\/doc\/dap-login-form\/","title":{"rendered":"How to setup your Member Login Page"},"content":{"rendered":"

STEP 1:\u00a0\u00a0 Add a new page in WordPress. <\/strong><\/h3>\n

Say you call it Login<\/strong>.<\/p>\n

STEP 2:\u00a0\u00a0You’ll find a “DAP Member Pages” button on the page.<\/strong><\/h3>\n

Click on it to get started.<\/p>\n

\"\"<\/p>\n

<\/h3>\n

STEP 3:\u00a0 Select Member Login and click on Next<\/h3>\n

\"\"<\/p>\n

 <\/p>\n

STEP 4:\u00a0 Generate Login Shortcode<\/h3>\n

When you select “Member Login” option and click on the Next button, it’ll bring up a login shortcode generator.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

Configure Post-Login URL<\/h2>\n

If you configure a post-login URL, DAP will redirect users to that page upon login.<\/p>\n

For e.g.<\/p>\n

[DAPLoginForm template=\"template2\" redirect=\"\/mylandingpage\"]<\/code><\/p>\n

(DAP will redirect users to \/mylandpage when they login.)<\/p>\n

If you don’t set a shortcode level redirect, DAP will use the post-login redirect URL set in DAP setup >> config page or in the DAP products page.<\/p>\n

Select a Page or Sidebar login template.\u00a0<\/strong><\/h2>\n

Here are the available Page Login Templates:
\n<\/strong><\/p>\n

\"\"<\/p>\n

Here are the available Sidebar Login Templates: <\/strong><\/h3>\n

SIDEBAR TEMPLATE 1\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 SIDEBAR TEMPLATE 2:<\/strong><\/p>\n

\"\"\"\"
\n<\/strong><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

Old Shortcode: %%LOGIN_FORM%%<\/h2>\n

The new shortcode is a replacement for the old %%LOGIN_FORM%%<\/strong> shortcode. Simply upgrading LiveLinks on your site will not automatically install the new shortcode or login template.<\/p>\n

You must replace the old shortcode<\/strong> – %%LOGIN_FORM%% – with the new one, in order to see the new login templates in action.<\/p>\n

The old shortcode will still be valid, and your old login form will still work even after you upgrade DAP.<\/p>\n

If you need to switch back to the old code at any time, it will still work just fine. But replace it with the new shortcode as the new templates are mobile-responsive.<\/p>\n

 <\/p>\n

Multiple Login Pages<\/h2>\n

Due to the new feature of setting a post-login URL right in the shortcode itself (via the redirect tag), you can now have multiple login pages on different parts of your web site. If you don’t specify a redirect tag, then the default post-login rules will apply. However, you can now override the default rules for specific login forms on specific pages, using the new shortcode. This is especially useful if you have a content hub where you have multiple WordPress installations on the same domain, for different niches (or different sub-niches).<\/p>\n

Page & Sidebar Templates<\/h2>\n

We are releasing\u00a0 5 <\/strong>pre-built login page templates and 2<\/strong> sidebar templates. See video above for demo of all 7 templates.<\/p>\n

5 PAGE TEMPLATES<\/strong><\/h4>\n

You can use template1, template2, template3, template4 or template5\u00a0 in the shortcode.<\/strong><\/h4>\n

2 SIDEBAR TEMPLA<\/strong>TES<\/strong><\/h4>\n

<\/code>[DAPLoginForm template=\"sidebar1\"]\n[DAPLoginForm template=\"sidebar2\"]<\/code><\/p>\n

Login Widget<\/h2>\n

To have the DAP login form show up in your web site’s sidebar, simply add the sidebar template shortcode to a text widget<\/strong> and add the widget to your sidebar.<\/p>\n

[DAPLoginForm template=\"sidebar1\"]<\/code><\/p>\n

OR<\/p>\n

[DAPLoginForm template=\"sidebar2\"]<\/code><\/p>\n

Login Form Customization Options<\/strong><\/h2>\n

You will find the login template files under the \/wp-content\/plugins\/DAP-WP-LiveLinks\/includes\/login\/templates\/<\/strong> folder.<\/p>\n

Updating the Templates:<\/strong><\/p>\n

Say you are using template1<\/strong> and want to update the HTML of that template.<\/p>\n

Just make a copy of \/wp-content\/plugins\/DAP-WP-LiveLinks\/includes\/login\/templates\/template1\/template1.html<\/span><\/strong> to \/wp-content\/plugins\/DAP-WP-LiveLinks\/includes\/login\/templates\/template1\/customtemplate1.html<\/span><\/strong>.<\/p>\n

Make the updates to the custom HTML file and upload back to the template1<\/strong> folder. Do not remove any merge tags from the template.<\/p>\n

Updating the CSS:<\/strong><\/p>\n

To update the CSS of a template, make a copy of \/wp-content\/plugins\/DAP-WP-LiveLinks\/includes\/login\/templates\/template1\/style.css<\/span><\/strong> to \/wp-content\/plugins\/DAP-WP-LiveLinks\/includes\/login\/templates\/template1\/customstyle.css<\/span><\/strong>.<\/p>\n

Make the updates to the custom CSS file and upload back to the template1<\/strong> folder.<\/p>\n

Login Form Width:<\/strong><\/p>\n

If you wish to change the login form’s width, you can update it in the style.css<\/strong> (look for\u00a0 width: 400px<\/strong> in style.css). Of course, don’t change the default file, as it will be overwritten in a future release. So always make a custom copy of your own, and make the changes to that file.<\/p>\n

Bring Your Own Template<\/h2>\n

You will probably not have a need to create your own template as there are 7 responsive pre-built templates that you can cust0mize, but if you want to create one, please follow these steps.<\/p>\n

Create a new template under \/wp-content\/plugins\/DAP-WP-LiveLinks\/includes\/login\/templates<\/strong>.<\/p>\n

Say you call it ‘mytemplate<\/strong>‘.<\/p>\n

Then copy over the style.css<\/strong> and template1.html<\/strong> from template1<\/strong> folder to this mytemplate<\/strong> folder.<\/p>\n

Rename template1.html<\/strong> to\u00a0 mytemplate.html<\/strong>.\u00a0 Leave the name style.css<\/strong> as is.<\/p>\n

Now make the updates to mytemplate.html<\/strong> and style.css<\/strong> and upload the mytemplate<\/strong> folder (and the files under it) to \/wp-content\/plugins\/DAP-WP-LiveLinks\/includes\/login\/templates\/<\/strong> folder.<\/p>\n

Now you can reference this template in the shortcode:<\/p>\n

[DAPLoginForm template=\"mytemplate\"]<\/code><\/p>\n

That’s it.<\/p>\n

<\/h2>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

STEP 1:\u00a0\u00a0 Add a new page in WordPress. Say you call it Login. STEP 2:\u00a0\u00a0You’ll find a “DAP Member Pages” button on the page. Click on it to get started. STEP 3:\u00a0 Select Member Login and click on Next   STEP 4:\u00a0 Generate Login Shortcode When you select “Member Login” option and click on the […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[20],"tags":[],"_links":{"self":[{"href":"http:\/\/digitalaccesspass.com\/doc\/wp-json\/wp\/v2\/posts\/5734"}],"collection":[{"href":"http:\/\/digitalaccesspass.com\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/digitalaccesspass.com\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/digitalaccesspass.com\/doc\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/digitalaccesspass.com\/doc\/wp-json\/wp\/v2\/comments?post=5734"}],"version-history":[{"count":15,"href":"http:\/\/digitalaccesspass.com\/doc\/wp-json\/wp\/v2\/posts\/5734\/revisions"}],"predecessor-version":[{"id":5766,"href":"http:\/\/digitalaccesspass.com\/doc\/wp-json\/wp\/v2\/posts\/5734\/revisions\/5766"}],"wp:attachment":[{"href":"http:\/\/digitalaccesspass.com\/doc\/wp-json\/wp\/v2\/media?parent=5734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/digitalaccesspass.com\/doc\/wp-json\/wp\/v2\/categories?post=5734"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/digitalaccesspass.com\/doc\/wp-json\/wp\/v2\/tags?post=5734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}