Loading...
 

Weebly Logo


What is Weebly?

With curated website templates and a powerful e-commerce and integrated marketing solution, Weebly is a complete platform that offers you to start and build an online business. Designed for any entrepreneur who wants to reach a global audience, Weebly gives everyone the freedom to create a high-quality site and store that works perfectly across any device.


Introduction

The goal of this document is to provide installation and configuration instructions for the CCBill Weebly billing module. This document assumes that the reader has a working knowledge of Weebly and has already created a Weebly-powered website.

Overview

The CCBill Weebly billing module enables easy integration of your CCBill account within the Weebly e-commerce platform. Installation involves the following steps:

  • Installing the CCBill payment module for Weebly.
  • Configuring your CCBill account for use with Weebly.
  • Configuring the module with your CCBill account information.

Installation

The CCBill Weebly module is installed by adding a small code snippet to your Weebly site.

In the Weebly website editor, select Settings from the top menu, then select SEO from the side menu. Add the following code to the Footer Code section:

<script>
(function(b,i,d,s){d=document;s=d.createElement('script');
s.async=1;s.src=b; window.CCBillScriptId=i;
d.getElementsByTagName('head')[0].appendChild(s);
})('https://integration.ccbill.com/js/ccbill_weebly.js','ccbill_V4adfj89h2nagba');
</script>

as shown on the image below:

Weebly Module Footer Code
Scroll down to the Navigation section and uncheck the box marked Group Excess Pages:

Weebly Group Excess Pages
Click the Publish button in the upper-right to add the script to your website. The module is now installed.

Configuring Your CCBill Account

Before using the plugin, it’s necessary to configure a few things in your CCBill account. The following CCBill settings must be correct for the payment module to work correctly.

Enable Dynamic Pricing

Please work with your CCBill support representative to activate Dynamic Pricing for your account. You can verify that Dynamic Pricing is active at Account Info > Feature Summary in the Admin Portal. Your Dynamic Pricing status appears at the bottom of the Billing Tools section.

Enabling Dynamic Pricing

Creating a Salt / Encryption Key 

A "salt" is a string of random data used to make your encryption more secure. CCBill Merchant Support will generate your Salt/Encryption Key. Once set, it will be visible at Sub Account Admin > Advanced. It will appear in the Encryption Key field of the Upgrade Security Setup Information section.

Creating A Salt

Disabling User Management 

Since this account will be used for Dynamic Pricing transactions (not managing user subscriptions), User Management must be disabled.
  • Sign in to the Admin Portal.
  • On the Account Info mega menu, click Sub Account Admin, then User Management on the left menu.
  • Select Turn off User Management in the top section.
  • Select Do Not Collect Usernames and Passwords in the Username Settings section.

Disabling User Management

Creating a New Payment Form

Payment forms are displayed to customers after they choose to check out. The payment form accepts customer payment information, processes the payment, and returns the customer to your osCommerce store where a confirmation message is displayed.

 Important

CCBill provides two types of billing forms. FlexForms is our newest (and recommended) system, but standard forms are still supported. Please choose a form type and proceed according to the section for Option 1 or Option 2, according to your selection.

Option 1: Creating a New FlexForms Payment Form

Note: Skip this section if using Standard Forms.

To set up FlexForms for use with Weebly:

  1. Ensure All is selected in the top Client Account dropdown menu. FlexForms are not specific to sub accounts, and cannot be managed when a sub account is selected.
  2. Navigate to the FlexForms Systems tab in the top menu bar and select FlexForms Payment Links. All existing forms will be displayed in a table.

Create an Approval URL

  1. Click the URLs Library button in the upper-right to create a new URL. The Saved URLs Editor dialog displays.
  2. Use the fields under Add New to create a new URL with the following properties.
    • URL Name. Enter a meaningful name for this URL (e.g. Payment Success).
    • URL. Under URL, enter the base URL for your Weebly store, followed by:

    /AjaxMethods.php?Command=ConfirmPayment&Action=failure&OrderId=%%OrderId%%
    For example, if your Weebly store is located at http://test.weebly.com, the Approval URL would be:

    http://test.weebly.com/AjaxMethods.php?Command=ConfirmPayment&Action=failure&OrderId=%%OrderId%%

  3. Click Save to commit your changes. Your new URL displays under Existing List.

    Saved URLs
  4. Add Name/Value Pairs.
    • Click the plus (+) symbol under Name/Value Pairs in the SANDBOX column.
    • Under Your Parameter (key), enter: zc_orderid
    • Under Use this method, select: Merchant Pass-through Parameter
    • In the third column, enter: zc_orderid
    • Under Action, click the Add button to save this parameter. Your saved parameters display under Currently Defined Name/Value Pairs.

    Name.Value Parameters.jpg
    • Close the Name/Value Parameters editor to return to the Saved URLs Editor. Your new URL displays in the Existing List.

  5. Promote to Live.
    • Click Promote under the Actions column. Your URL is now live.
    • Close the Saved URLs editor to return to the main FlexForms menu.

Create a New FlexForm

  1. Click the Add New button in the upper-left to create a new form.
  2. The New Form dialog is displayed:
    • Payment Flow Name. At the top, enter a name for the new payment flow (this will be different than the form name, as a single form can be used in multiple flows).
    • Form Name. Under Form Name, enter a name for the form.
    • Dynamic Pricing. Under Pricing, check the box to enable dynamic pricing.
    • Layout. Select your desired layout, and save the form.
    • Edit the Flow. Click the arrow button to the left of your new flow to view the details. Under the green Approve arrow, click the square to modify the action.
    • Approval URL. In the left menu, select A URL. Select Select a Saved URL and select the URL your created earlier (e.g. Payment Success).
    • Redirect Time. Select a redirect time of 1 second using the slider at the bottom and save the form.

  3. Promote to Live. Click the Promote to Live button to enable your new form to accept payments.
  4. Note the Flex ID. Make note of the Flex ID: this value will be entered into the form name when completing the configuration in Weebly.
Continue to the Background Post for Weebly section of this document.

Option 2: Creating a New Standard Payment Form

Note: Skip this section if using FlexForms.

To create a billing form for use with Weebly:
  1. Sign into the Admin Portal, and navigate to the Form Admin. All existing forms will be displayed in a table.
  2. Click Create New Form in the left menu to create your new form.
Save New Form
  1. Select the appropriate option under Billing Type. (In most cases, this will be Credit Card.)
  2. Select Standard under Form Type, unless you intend to customize your form.
  3. Select the desired layout and click Submit at the bottom of the page.

Your new form has been created and is visible in the table under View All Forms. In this example, our new form is named 201cc.

Form Library.jpg

Configuring the New Standard Billing Form

  1. Click the title of the newly-created form to edit it.
  2. Select Basic from the left menu.
  3. Set the following options:
Field Name Value
Site Name Enter the URL of your Weebly store
Approval URL http://integration.ccbill.com/AjaxMethods.php?Command=PaymentRedirect&Action=success&OrderId=%%OrderId%%
Denial URL http://integration.ccbill.com/AjaxMethods.php?Command=PaymentRedirect&Action=failure&OrderId=%%OrderId%%
Redirect Time Select an approval redirect time of 3 seconds, and a denial redirect time of None.

Background Post for Weebly

In your CCBill admin interface select a sub account the purchases will be made on and navigate to Account Info -> Sub Account Admin and select Advanced from the left menu. Notice the top section titled Background Post Information. We will be modifying the Approval Post URL and Denial Post URL fields.

Approval Post URL http://integration.ccbill.com/AjaxMethods.php?Command=ConfirmPayment&Action=success&OrderId=%%OrderId%%
Denial Post URL http://integration.ccbill.com/AjaxMethods.php?Command=ConfirmPayment&Action=failure&OrderId=%%OrderId%%

Your CCBill account is now configured. In your CCBill admin interface, navigate to Sub Account Admin and ensure the information displayed is correct.

Configuration - Weebly

Registration and Accessing the CCBill Configuration Menu

 Important Prerequisites

In order to configure your CCBill account, you must have your browser configured to allow all cookies from *.weebly.com. Cookie blockers and certain private browsing modes will interfere with the authentication process.

In order to configure your CCBill account, you must have completed the installation, outlined in the Installation section above.
To configure the CCBill Weebly module for the first time, navigate to your store URL followed by #CCBillRegister. For example, if your Weebly site URL is http://test.weebly.com, enter the following URL:

http://test.weebly.com#CCBillRegister
The registration menu appears. Enter your information and click the Register button.

Weebly 2
If registration was successful, the CCBill Configuration panel displays:

Weebly
Enter your CCBill account information. See individual field details below.

Client Account Number Enter your CCBill client account number.
Client SubAccount Number Enter your CCBill client sub-account number.
Form Name Enter the name of the form created during CCBill account configuration, or FlexForm ID if using FlexForms.
Is FlexForm Select “Yes” if using FlexForms.
Currency Select the billing currency. Ensure this selection matches the selection made in the Localization -> Currencies section of the Weebly administration menu.
Salt Enter your salt / encryption key obtained during CCBill configuration.

Once you are finished click the Save button. A success message displays when your information has been saved.

Once your website has been registered, you will never need to visit the registration URL again. Instead, to configure your CCBill settings, visit your Weebly site URL followed by #CCBillAdmin.

Confirmation

You are now ready to process payments via CCBill!

Products you create in the Weebly e-commerce section will now interact with the CCBill shopping cart and checkout process.

Please conduct a few test transactions (using test data provided by CCBill) to ensure proper operation before enabling live billing mode in your CCBill account.