Important: Customer Registration is not supported in Microsoft-based browsers (such as Edge) released before April, 2019. It is also not currently supported on mobile devices.
Merchants using standard Editor 2.0 templates
Enabling customer registration for your store is a two-part process. First, you must update your templates to support the customer registration feature, and publish your changes. Once your updated templates have been published, you may enable customer registration using Checkout & Registration Manager, and publish your Order Settings.
Merchants using Editor 2.0 templates must manually update their templates prior to enabling customer registration. There are two manual setup options available:
Option 1. Inserting a JavaScript code and div code into standard Editor 2.0 templates
The JavaScript code and div code to be inserted into your templates can be found in the Customer Registration Manual Setup tab, located in the Global Settings section of Checkout & Registration Manager.
If you've already inserted a JavaScript code and div code for the floating cart feature, the updated JavaScript code and div code for customer registration should replace these. If enabled, your floating cart will continue to function when these codes are replaced.
Insert the JavaScript code
- On the Customer Registration Manual Setup page, highlight and copy the displayed JavaScript code. This code is unique to each store, and will look like the code in the example below, with your store ID, timestamp, order server URL, and store URL:
<script type="text/javascript" id="yfc_loader" src="http://l.yimg.com/sv/store/yfc/js/1.8/loader_37b9635.js?q=yhst-13647510945xxxx&ts=1482945842&h=order.store.yahoo.net"></script>
- Open Store Editor, and navigate to the Variables page. Here, you may insert the script into any field that accepts HTML and appears within the body of your page (between the opening <body> and closing </body> tags), with recommended placement being directly above the page's closing </body> tag. By placing the script as the last body element, you allow all other page contents to load before the script is called. Should the script be slow to respond, it will not affect your page load time. If your customized template uses the Final-text variable, you may wish to insert the copied script into the Final-text variable to achieve this placement.
- Click the Update button to save your changes.
Next, insert the div code into your template. Recommended placement of the div code is immediately after the opening <body> tag of your store pages. Using the Head-tags variable to insert the div code is not optimal or recommended placement, since it will place the div code between the <head> and </head> tags in your pages, and not within the body of your page. Merchants inserting the div code into the Head-tags field may encounter issues with the customer registration and floating cart features (if enabled for your store).
Important note for Editor 2.0 users: At this time,
correct placement of the div tag in Editor 2.0 templates requires template modification, to create and call a custom variable in the
<body> section of your store pages. If choosing to create and call a custom variable for div placement,
this installation should be done only be developers or merchants who are familiar with RTML and template customization. If you are using standard Editor 2.0 templates, you may wish to upgrade to Editor 3.0 templates by running the Design Wizard, and perform the automated installation of customer registration.
If you are comfortable with modifying RTML and wish to learn more about creating a custom variable, please see our
Help Page.
Turbify cannot provide further instructions around editing your template to call a custom variable, as we do not support RTML modification and template customization.
Insert the div code
- On the Customer Registration Manual Setup page, highlight and copy the displayed div code. It will look like the following:
<div id="ys_superbar">
<div id="ys_cpers">
<div id="yscp_welcome_msg"></div>
<div id="yscp_signin_link"></div>
<div id="yscp_myaccount_link"></div>
<div id="yscp_signout_link"></div>
</div>
<div id="yfc_mini"></div>
<div class="ys_clear"></div>
</div>
- Open Store Editor, and navigate to the Variables page.
- If you've created a custom variable that is called below the opening <body> tag of the page (see note above), insert the div code into this variable.
- Save your changes using the Update button.
- Publish your changes.
Part 2. Enabling customer registration
Once you've updated your templates, you may enable customer registration using Checkout & Registration Manager
- In the Global Settings section of Checkout & Registration Manager, click the Customer Registration tab.
/msdyn_blobfile/$value)
- In the Customer Registration Settings section, choose to Enable Customer Registration.
/msdyn_blobfile/$value)
- Configure your Customer Registration settings:
- Choose to make Customer Registration and account sign-in required to check out, or to offer a guest checkout option in addition to registration and sign-in links.
- Choose to add registration using a Facebook and/or Google ID as options, or to disable these options. Enabling these options requires you to create a Facebook and/or Google application and enter its Application ID and Application Secret. Learn how to add a Facebook ID or Google ID. If you choose not to offer these, both the Facebook and Google ID options will be excluded from your registration and sign-in pop-ups, and only Yahoo ID and AOL ID options will still be shown. Note: This option is not currently supported for stores built using Web Hosting tools.
- If offering a Guest Checkout option, you can also choose whether or not to offer account registration to your customers who aren't registered or signed-in once they've completed their order.
- Choose to offer your customers the ability to save their card and billing address information so they may select it when making a future purchase from your store, or to disable this option. If you enable this option, choose to display information about the feature as a dismissible information box, or inline on the order confirmation page. Learn more about Saved Cards.
- Configure Customer Registration URLs.
/msdyn_blobfile/$value)
- Using the Post-Registration URL field, you may specify a link to take the place of the Keep Shopping link, to be displayed to customers once their registration form has been submitted.
- Using the Cancel Registration URL, you may specify a link for customers to return to when they've canceled their account registration before completing the registration process.
- Click Save, or Save & Preview to see your changes.
Option 2: Inserting the SUPER-LOADER and SUPER-BAR RTML operators into standard Editor 2.0 templates
Developers and merchants familiar and comfortable with modifying RTML also have the option of inserting RTML operators directly into the main store template. Please note that only the JavaScript code OR the SUPER-LOADER operator, and the div code OR the SUPER-BAR operator need to be installed. If you have previously installed the FC-LOADER and FC-BAR operators for the floating cart feature, the SUPER-LOADER and SUPER-BAR operators should replace these. If enabled, your floating cart will continue to function when these operators are replaced.
In order to edit an existing template, the template must first be copied.
Copy the page. template
- In the Advanced mode of Store Editor, click the Templates link in the Editor toolbar.
- On the Templates page, locate the .page template, listed in the Built-In Templates column. Click the link for this template.
- When the template opens, there will be a Copy Template button located near the top of the page. Click the Copy Template button.
- Enter a new ID for your template, and click the Copy button. The template copy will open for editing.
Once the template copy is open for editing, the SUPER-LOADER operator can be added to it. This operator should be placed after all other content, at the bottom of the template.
- In the opened copy of your page. template, click the last operator that appears in the template to open it.
- Click the New button at the top of the template page.
- Select SUPER-LOADER from the list of operators, then click the Create button.
- Click the Paste After button at the top of the template page. The SUPER-LOADER operator will be inserted as the last operator on the template page.
Next, add the SUPER-BAR operator to your template. Recommended placement of this operator is directly below the opening <body> tag of your store pages.
Add the SUPER-BAR operator
- In the opened copy of your page. template, click the BODY element to open it for editing.
- Click the New button at the top of the template page.
- Select SUPER-BAR from the list of operators, then click the Create button.
- Click the Paste Within button at the top of the template page. The SUPER-BAR operator will be inserted into the body of your page.
Once the SUPER-BAR and SUPER-LOADER operators have been installed, you must publish Store Editor. After your template changes have been published, you may enable customer registration using Checkout & Registration Manager. See the instructions above for enabling customer registration.
Merchants using customized Editor 2.0 templates
If you are using custom templates that have been designed and are maintained by a developer, we recommend contacting your developer about installing customer registration for your store. Turbify does not support RTML modification and template customization, and due to the many variations that can exist within customized templates, cannot provide specific instructions about how to install customer registration for your store.
For merchants using customized Editor 2.0 templates, who have made their own template customizations and are comfortable with either inserting code into Store Editor variables, or with modifying RTML, we provide the following manual setup options:
Option 1. Inserting a JavaScript code and div code into your customized Editor 2.0 templates
The JavaScript code and div code to be inserted into your templates can be found in the Customer Registration Manual Setup tab, located in the Global Settings section of Checkout & Registration Manager.
If you've already inserted a JavaScript code and div code for the floating cart feature, the updated JavaScript code and div code for customer registration should replace these. If enabled, your floating cart will continue to function when these codes are replaced.
Insert the JavaScript code
- On the Customer Registration Manual Setup page, highlight and copy the displayed JavaScript code. This code is unique to each store, and will look like the code in the example below, with your store ID, timestamp, order server URL, and store URL:
<script type="text/javascript" id="yfc_loader" src="http://l.yimg.com/sv/store/yfc/js/1.8/loader_37b9635.js?q=yhst-13647510945xxxx&ts=1482945842&h=order.store.yahoo.net"></script>
- Open Store Editor, and navigate to the Variables page. Here, you may insert the script into any field that accepts HTML and appears within the body of your page (between the opening <body> and closing </body> tags), with recommended placement being directly above the page's closing </body> tag. By placing the script as the last body element, you allow all other page contents to load before the script is called. Should the script be slow to respond, it will not affect your page load time. If your customized template uses the Final-text variable, you may wish to insert the copied script into the Final-text variable to achieve this placement.
- Click the Update button to save your changes.
Next, insert the div code into your template. Recommended placement of the div code is immediately after the opening <body> tag of your store pages. If your customized template already uses a custom variable that is called immediately after the opening <body> tag of your store pages, you may wish to use this variable for inserting the div code. If your customized template does not already have a custom variable that is called here, you may wish to create one in order to achieve correct placement of the div code.
Inserting the div code into the Head-tags variable is not optimal or recommended placement, since it will place the div code between the <head> and </head> tags in your pages, and not within the body of your page. Merchants inserting the div code into the Head-tags field may encounter issues with the customer registration and floating cart features (if enabled for your store).
Insert the div code
- On the Customer Registration Manual Setup page, highlight and copy the displayed div code. It will look like the following:
<div id="ys_superbar">
<div id="ys_cpers">
<div id="yscp_welcome_msg"></div>
<div id="yscp_signin_link"></div>
<div id="yscp_myaccount_link"></div>
<div id="yscp_signout_link"></div>
</div>
<div id="yfc_mini"></div>
<div class="ys_clear"></div>
</div>
- Open Store Editor, and navigate to the Variables page.
- Insert the div code into a variable field that accepts HTML, and which is called immediately below the opening <body> tag of your store pages. If your custom template does not already have a custom variable that is called immediately below the opening <body> tag of your store pages, you may create one. To learn more about creating custom variables, please see our help page.
- Save your changes using the Update button.
- Publish your changes.
Once your updated template has been published, you may enable customer registration using Checkout & Registration manager. See the instructions above for enabling customer registration.
Option 2: Inserting the SUPER-LOADER and SUPER-BAR RTML operators into customized Editor 2.0 templates
Developers and merchants familiar and comfortable with modifying RTML also have the option of inserting RTML operators directly into the main store template. Please note that only the JavaScript code OR the SUPER-LOADER operator, and the div code OR the SUPER-BAR operator need to be installed. If you have previously installed the FC-LOADER and FC-BAR operators for the floating cart feature, the SUPER-LOADER and SUPER-BAR operators should replace these. If enabled, your floating cart will continue to function when these operators are replaced.
Recommended placement of the SUPER-LOADER operator is as the last item before the closing </body> tag of your store pages.
Add the SUPER-LOADER operator to your main store template
- Open your main store template for editing. Because you are using customized Editor 3.0 templates, Turbify cannot advise you of the name of this template. (For standard Editor 3.0 templates, this is the storetemplate. template, which does not need to be manually updated. Please see the instructions for standard Editor 2.0 templates, above.)
- Click the last operator that appears in the template to open it.
- Click the New button at the top of the template page.
- Select SUPER-LOADER from the list of operators, then click the Create button.
- Click the Paste After button at the top of the template page. The SUPER-LOADER operator will be inserted as the last operator on the template page.
Next, add the SUPER-BAR operator to your template. Recommended placement of this operator is directly below the opening <body> tag of your store pages.
Add the SUPER-BAR operator
- Open your main store template for editing. Because you are using customized Editor 3.0 templates, Turbify cannot advise you of the name of this template.
- Click the BODY element to open it for editing.
- Click the New button at the top of the template page.
- Select SUPER-BAR from the list of operators, then click the Create button.
- Click the Paste Within button at the top of the template page. The SUPER-BAR operator will be inserted into the body of your page.
Once the SUPER-BAR and SUPER-LOADER operators have been installed, you must publish the Store Editor. After your template changes have been published, you may enable customer registration using Checkout & Registration Manager. See the instructions above for enabling customer registration.
