How to Setup Facebook Extension

Connect your UENI Shop to your Facebook account:


Official article from Facebook:

Connect your OpenCart account to Facebook

Set up your OpenCart account to share your website events with Facebook in order gain more insights about how users are interacting with your business. By passing more events to Facebook, you can optimise the targeting and delivery of your Facebook ads to drive more business outcomes.

To get started, go to the OpenCart page in Events Manager and follow our guided instructions that help you select the pixel you want to use and configure the Facebook Ads extension in your account. You can also follow the instructions below.Go to Partner Integrations

Download the Facebook ads extension

Click Download for a .zip file that you’ll install in your OpenCart account.NoticeThis integration is supported for OpenCart versions 2.0.1.1 to 3.0.2.0.Download

Install plugin

  1. Log in to your OpenCart account, click Extensions and select Installer.
  2. Click Upload and select facebook_ads_extension.ocmod.zip.
  3. Click Continue.

Refresh

  1. Click Extensions and select Modifications.
  2. Click the Refresh button.

Select settings

  1. Click Facebook ads extension and select Facebook ads extension.
  2. Click Get Started to follow the instructions in your OpenCart account. Make sure that you come back to this page to complete your setup.

Find new potential customers with a conversions ad

Create a campaign using the Conversions objective to attract new shoppers to your website. You can create audiences that look similar to people who have taken actions that you care about (such as making a purchase) and find new potential customers.Create a product setChoose your campaign preferencesCreate your conversions ad

Scale your ad creation with dynamic ads

If you’re an e-commerce business that sells many products, and you’d like to reach people who have already visited your website, then dynamic ads may be right for you.

Once you upload your products to Facebook, you can use dynamic ads to:

  • Scale your ads creation
    Create ads that are relevant to specific groups of people without having to manually set up each individual ad.
  • Find new potential customers
    Keep reaching new people who have visited your website after you set up your campaign.

Create your first dynamic ad

Need more info? Access now this link https://www.facebook.com/business/help/1494437460610744

Localisation Part 3: (Taxes, Length Class and Weight Class)

Taxes

The Taxes section in Localisation allows the administrator to create the taxes that will be applied to specific products in the store.

Tax rates

The tax rate will be used to calculate the taxes from an order. The following information is needed to save a tax rate to the administration:

  • Tax Name: A name for the tax that will be displayed in the store front when taxes are added to order total.
  • Tax Rate: A number value for the tax.
  • Type: Determines whether the number value in Tax Rate is a fixed amount or a percentage of the total amount of an order.
  • Customer Group: Selecting a customer group will add this tax to all the customers within this group. Multiple customer groups can be selected at once.
  • Geo Zone: Selecting a Geo Zone will apply the tax to the regions and countries within a Geo Zone.
add tax rate backend

Tax class

Tax classes can store multiple tax rates into one category. The taxes can be customized to calculate the taxes based on the payment address (customer) or the store’s address. Tax classes require the following information:

  • Tax Class Title
  • Description
  • Tax Rate: selecting “Add Rule” will add a tax rate that was created in Tax Rates. Base On requires either the payment address or the store address to be selected. This will determine the amount of tax added to the shopping cart total in the store front. Priority determines the position of the tax rate if other tax rates are listed with it.
add tax class backend

The tax class must be added to each product individually in order to apply tax rates for a purchase. The tax class field is located under the Data tab in Products. See Products for more information.

Length class

Length classes are used to assign length specifications to products in the Data tab. The values added to products will be displayed in the product page in the store front. The following information is required to create a new length class:

  • Length title: The name of the length measurement, (i.e. Centimeter)
  • Length unit: The units of measurement (i.e. cm)
  • Value: Set 1 for the default value. Every value added to other lengths, such as km, will need to be relative to that. There are 10 mm in one 1cm, so the value of mm would be set to 10.

Weight class

Similar to length classes, weight classes are used to assign weight specifications to products in the Data tab. The following information is required to create a new weight class:

  • Weight title: The name of the weight measurement (i.e. Kilogram)
  • Weight unit: The unites of measurement (i.e. kg)
  • Value: Set 1 for the default value.Every value added to other weights, such as g, will need to be relative to that value. There are 1000 g in 1 kg, so the value of g would be set to 1000.

Localisation Part 2: (Returns, Countries, Zone, Geo Zone)

Returns

The Returns section allows you to create the return statuses, return actions, and return reason names that may be selected in return requests. See Returns for more information on how these return names are used.


Video Tutorial

Tutorial is provided by OpenCart Developer, iSenseLabs


Return Status

Return - List

Return Action

Return - List

Return Reason

Return - List

Return Reason can be find in to the store front Returns page, it can be found on Customer Service section on the bottom of store front.

Store Front - Returns

Countries

239 countries are stored in the Country section with the OpenCart installation. These countries can be used to estimate shipping and taxes when a customer enters in their location. Each country can be individually disabled, removing them from the store front, by editing them. The countries can be deleted as well. The only issue with deletion of a country is that the country information will be deleted with it. If you wanted to make that country available for shipping, you would have to re-enter the country’s information; whereas enabling a disabled country is easier.

Video Tutorial

Zone

3948 zones are included with install. Zones are specific regions of countries, such as a state or province. Creating zones helps estimate taxes and shipping in the store front.

add zone backend

Video Tutorial

Geo zone

Geo zones are customized zones used in calculating shipping and taxes. Multiple countries and zones can be added to one geo zone to customize shipping methods.

The geo zone below is used to combine the west cost states of the United States into one zone. The west coast of the US consists of California, Oregon, and Washington states. Each individual state is added by selecting the Country, Zone, then clicking “Add Geo Zone”.

add geo zone backend

See Shipping for more information on how geo zones are used.

Localisation Part 1: (Store Location, Stock & Order Status)

Store Location

If your e-commerce website is accompanied by one or more physical stores, you can input their location details into your OpenCart system. This way, it will be easy for web users to learn where to find your store.

Video Tutorial

Starting from the dashboard, click on System > Localisation > Store Location:

single file upload

You will open the Store Locations section where you will find all of the information about your physical stores. There are two main fields – Store Name and Address. When you are done inputting the details about your store, it will appear in this section. You will have an option to Edit the information about a particular store.

Store Locations

Begin by clicking the Add New button:

single file upload

Store location details

The next section will reveal all the empty fields you have to fill with the details about your physical store. The mandatory fields are Store Name, Address and Telephone.

single file upload

Geocode – this code uses the geographic coordinates of your address. For example, an address like 103 Integer Rd. Corona New Mexico 08219 will be turned into Latitude 34.249772 and Longitude -105.603535. Geocoding used to place your marker on the map.

Fax – input your fax number if you have one.

Image – place the image or logo of your store for easier recognition.

Opening Times – list the opening and closing hours of your store.

Comment – leave any comment you want your customers to know. For example “Checks not accepted.”

Showing the store location in the Contact Us page

After you have completed inputting the details of your physical store, go to System > Settings > Store:

single file upload

Scroll down to the bottom and you will see the field named Store Location. If you want the location to be visible in your Contact Us page, enable your location by clicking on the tick.

single file upload

The location is now active and will be visible in the Contact Us page of your OpenCart website.

single file upload

If you want to remove the details of a store, you can select it from the tick on the left hand side and click the Delete button in the top right corner.

single file upload

Stock status

In this section you may create Out of Stock statuses to be displayed on the product page when a product is out of stock. The stock status name is arbitrary.

The default stock status for Out of Stock products can be edited under the option tab in Settings. The specific Out of Stock Status for a product can be edited in the Data tab in Products.

Video Tutorial

Order status

Similar to the stock status, when an order is confirmed by the customer they will need to see an order status. The order status can be accessed from their account page in the store front. After the order status names are created, they can be selected under Orders.

Video Tutorial

How to Modify Order Totals

Order Totals Extensions

You can manage the order total extensions used for orders under Extensions > Order Totals. These totals are extra fees that are added to the total sum of an order in the store’s shopping cart. For more information on order totals, visit Orders. The order total extensions below are included with the OpenCart package.

Order Totals - List

In the image above we can see that Coupon, Store Credit, Reward Points, Shipping, Sub-Total, Taxes, Total, and Gift Voucher extensions are enabled. These enabled order totals will be included in the checkout section. To disable any of these order total extensions, click “Edit”. If you want to remove an extension, click “Uninstall”.

Coupon

Coupons can be added to the order totals page by selecting “Enabled” under “Status”. The sorting order affects the order that the extension is put in.


Store credit

Store credit can be added to an order with this extension. The status and sorting order can be selected for checkout.


Handling fee

To include a handling fee with orders, fill in the following information:

Order TotalThe total price of the products
FeeExtra fee when the amount over order total
Tax ClassSet the tax item for the handling fee
Status“Enabled” or “Disabled” this option
Sort OrderSet the sorting number for the store front in cart page
Order Totals - Handling Fee

Klarna fee

To add a Klarna fee include the following information:

Order TotalThe total price of the products
Invoice Fee
Tax ClassSet the tax item for the handling fee
Status“Enabled” or “Disabled” this option
Sort OrderSet the sorting number for the store front in cart page

Low order fee

To include a fee if the order amount is too low, include the following information:

Order TotalThe total price of the products
FeeExtra fee when the amount less than order total
Tax ClassSet the tax item for the handling fee
Status“Enabled” or “Disabled” this option
Sort OrderSet the sorting number for the store front in cart page

Reward points

If you want an option to add reward points to order totals, enable under status and select a sorting orde.


Shipping

The shipping estimator will automatically estimate how much shipping will cost and add the fee to the order total.

Order Totals - Shipping

Sub-total

Select the status and sort order of the sub-totals in checkout.


Taxes

Select the status and sort order of the taxes in checkout.


Total

Select the status and sort order of the total amount of the order in checkout.


Gift-voucher

Select the status and the sort order of the gift-voucher option in checkout.

Order totals in the shopping cart

The screenshot below displays a basic shopping cart with some specific extensions enabled. Coupon, Reward points, Gift Voucher, Shipping, Sub-total, and Total are enabled (as seen below).

Store Front - Cart

Support

To receive support for Order Totals extensions, please visit the Order Totals section of the support forum.

How to Modify Settings (Option)

Option Tab

The local tab under Settings displays the following fields: Items, Products, Vouchers, Taxes, Account, Checkout, Stock, Affiliates, Returns:

Items

options items
  • Default Items Per Page (Catalog): The number of Catalog items that can be displayed in the store front. For example, a ‘5’ will set a default view of 5 products to be displayed at a time per Product Category page or Manufacturer page. The customer can customize how many products can be viewed at a time in “Show” above the product list or grid. In the store front, this number of items per page will alter how many products are viewed in the Product Category page, the Manufacturer Page, and the Search page.
  • Default Items Per Page (Admin): The number of Admin items that can be displayed in the administration. For example, a ’10’ will limit the number of customers listed under Sales > Customers to 10 displayed per page. This setting will affect the number items per page under Catalog > Products, Attributes, Options, Manufacturers, Downloads, Reviews, Information; Sales > Orders, Returns, Customers, Affiliates, Coupons, Gift Vouchers; System > Layouts, Banners, Users, Localisation; and Reports > Sales, Products, Customers, Affiliates. The only way to change how many items viewed per page is under this tab.

Products

  • Category Product Count: Selecting ‘Yes’ will display how many products are available within each subcategory of the parent categories located in the Top Menu.

 If you have lots of categories, you can gain a significant performance improvement by not displaying the Category Product Count.

product count
  • Allow Reviews: Selecting ‘Yes’ allows customers to add reviews for products on their product pages. Selecting ‘No’ will remove this option from the product page.
  • Allow Downloads: Selecting ‘Yes’ lets customers download a downloadable product from the store after confirming the purchase.
  • Allowed Upload File Extensions: This option lets the customer upload specific file types to their order. This may be used when the store owner needs the user to upload a file to personalize a product. If you need a picture file for the order, you could type in “jpg”, “gif”, or “png” to let the customer upload a image in that format. Leaving this option blank will not let the customer upload any file type. If they try to upload a file from the upload button on the product page, they will receive the “Invalid file type!” message.

Vouchers

options vouchers
  • Voucher Min:The minimum amount that a customer can enter to purchase a gift voucher. The number added will be counted in the default currency.
  • Voucher Max:The maximum amount that a customer can enter to purchase a gift voucher. The number added will be counted in the default currency.

Taxes

options taxes
  • Display Prices With Tax: Selecting ‘Yes’ will display the estimated tax on the product’s page under Price. Selecting ‘No’ will not show the customer the price of taxes until the checkout.
  • VAT Number Validate: Validate the VAT identification number if the store is based in the EU.
  • Use Store Tax Address: The tax estimate will use either the store’s shipping or payment address if the user isn’t logged into their account with their address information.
  • Use Customer Tax Address: The tax estimate will use the customer’s shipping or payment address if they are logged into their store account.

Account

options account
  • Customer Group: Select the default customer group that a customer will be sorted into when they create an account. To edit a customer’s customer group, see Customers.
  • Customer Groups: Lets the customer select what customer group to be assigned to when first creating their account.
  • Login Display Prices: Selecting ‘Yes’ will require the user to create a customer account to see the prices of products in the store. Selecting ‘No’ will let anyone with access to the store see the product prices.
  • Account Terms: If “About Us”, “Delivery Information”, “Privacy Policy”, or “Terms and Conditions” is selected, the user will have to read and agree to the terms of those pages before creating an account with the store. Selecting “None” will let the user create an account without agreeing to any terms.

Checkout

options checkout
  • Display Weight on Cart Page: Selecting ‘Yes’ will display the weight of a product at the top of the Checkout page. For the weight to be displayed, there needs to be a weight number added to the product under its Data tab. See Products for more information.
  • Guest Checkout: Selecting ‘Yes’ enables users to go through the checkout process without creating a store account. Selecting ‘No’ requires the user to create a store account before checking out.
  • Checkout Terms: Selecting an Information page listed in the drop down box forces the user to agree to the terms of that page in “Step 6: Confirm Order” of checkout. Selecting ‘None’ lets the customer confirm their order without agreeing to any terms.
  • Order Editing: the amount of days that the admin is allowed to edit the order in the administration. See Orders for information on how to edit an order.
  • Invoice Prefix: Adds a prefix to each invoice order. OpenCart will add an incremental number to the end of the prefix for every invoice. For more information on how to print an invoice, see Orders.
  • Order Status: the default status of every order after the customer confirms in checkout. The customer can view the status of their order in the store front under My Account > My Orders. The status can be edited in the Order section. See Orders for more information.
  • Complete Order Status: the default status for a complete order.

Stock

options stock
  • Display Stock: the amount of product left in the store inventory.
  • Show Out Of Stock Warning: displays the an Out of Stock warning on the product page in the store front, if the store is out of that particular order. A product will be out of stock if its quantity in the Data tab reaches 0. It will reach 0 if the subtract stock option is selected. This option subtracts a stock with every purchase of the product. See Products for more information.
  • Stock Checkout: lets the customer checkout a product if it is out of stock.
  • Out of Stock Status: lets you choose “2-3 Days”, “In Stock”, “Out of Stock”, “Preorder”.

Affiliates

options affiliates
  • Affiliate Terms: makes an affiliate agree to the terms on one of the Information pages in order to make an affiliate account.
  • Affiliate Commission (%): the default percentage an affiliate will make from a customer purchase.

Returns

options returns
  • Return Status: the default status a customer will see in their account after submitting a return form under Customer Service > Returns; displays either “Awaiting Products”, “Completed”, or “Pending”.

Video Tutorial

How to Add Information

The Information section displays specific company information in the footer of every page (as seen in the screenshot below). See Information for more information on the footer page.

information1

The Information page can be found under Catalog > Information. On this page the administrator will have the option to edit, delete, or insert a new Information page.

 About Us, Delivery Information, Privacy Policy, and Terms & Conditions are in the default because they are the most important Information pages used in online stores. We recommend that you edit these pages rather than delete them.

look info backend

When editing or inserting these pages a description may be added, pages enabled or disabled, and SEO keywords created. There is an option to remove the page from the bottom of the footer.

Information pages in the store front

In the screenshot below, the “Delivery Information” page is being edited in the administration under Catalog > Information. The Information Title will display the text entered as the title of that information page, while the description will be placed below.

The Data tab requires you to check the store that the Information page will be located in, if you have multiple stores. It also asks for a SEO keyword, a status option enabled (or disabled) to make the page public or not, and a sorting order.

delivery general

The screenshot below is the result of saving the edited Delivery Information. A customer can access this page from the footer of any page in the store front by clicking “Delivery Information”. There is an option in the Data tab above to remove a link to this page from the footer.

delivery front end

How to Create / Add Options

Options in the administration

The Options section, under Catalog, lets you customize what details the customer sees when checking out a product. On the product page, the “Available Options” section is displayed under the price. The option for that product must be selected before the customer can add the product to the shopping cart.

The image below displays the default options, but you can choose to edit or delete any of them. Essentially, the options can be created to fit whatever added specifications are needed for the customer to purchase the product. The “Insert” button will direct you towards creating a new option.

look options

For example, if you wanted the customer to choose a size for a particular product before checking out, you can create a “Size” option.

The “Type” dropbox will show a variety of ways to display this option:

  • Choose: Select”, Radio, Checkbox, Image”
  • Input: Text”, Textarea
  • File: File”
  • Date: Date”, Time”, Date & Time”
look options size

For the “size” option, three option value’s were created : “Small”, “Medium”, and “Large”. Images could be added for the option, but since it is referring to size the option value name will suffice. If the option was “Color”, having images of the color would be appropriate.

Adding options to products

To apply the options to a specific product, you will need to edit the Option tab under Catalog > Products. Options could to be created prior to adding a product, then added during product creation in the Options tab.

Options in the store front

With the general concept behind “Options” explained above, we can now go into a detailed example of using the Option section to alter the checkout experience in the store front. For this example, we will be adding Options to the iPod Classic product example provided from installation.

The image below was taken from our iPod Classic product page. We can see that product details such as manufacturer, product code, availability, and price are given product details next to the product image. The only interactive option seen below is the “Qty”, or quantity. In the space provided next to quantity, the customer can alter the amount of iPod classics to be added to the shopping cart.

iPod Classic

For the purpose of this example, we want to add more options to customize the type of iPod Classic that will be purchased by the customer. Under Catalog > Options we will insert new options with varying option values. OpenCart allows for four different types of options for customers to select under Options: ChooseFileDate, and Input.

Choose type

The “Choose” Type lets the customer select specific option values. Among these choose types are the following sub-types:

  • Select: Provides a drop down box where the customer must select an option value.
  • Radio: Select-able icons with the option values. Only one radio selection can be made; clicking another selection will deselect the previously clicked option and move it to the current selection. 
  • Checkbox: Multiple option values can be checked at once.
  • Image: Gives a radio selection next to small uploaded images.

In our stock we have different colors of classic iPods: black, silver, and white. The Option Name to describe these colors will be “Color”. We decided that we want to use a radio type option to display the color options. We want this option to be the first option in the list, so we gave it a sort order of 1. We added 3 option value names for our colors: Black, White, Silver. If we wanted to, we could have uploaded an image of the iPods in their different colors next to their respective value names using the Image manager.

option color

Next we will move to the Options tab to add our option to a product under Catalog > Products. This section is different than the Options section under Catalog because it will directly assign a previously created option to a product. We clicked the green ‘+’ icon and typed in Color to bring up our “Color” option that we made under Catalog > Options. In the Option Value column, we added 3 values to enable the Black, Silver, and White option values to be displayed. In addition, we added the quantity of each color available, selected “yes” to subtract stock, and added 10 points to the Reward Points. We could add an increase or decrease in price for select colors, or indicate the weight, but we chose not to.

option color product

Saving this Color option under the Options tab will automatically change how this product is viewed on it’s product page. The product page can be seen in the screenshot below. Already, we discover that a new section has been added under price named “Available Options”. We see our Color Option with the three colors in a radio selection format. The red asterick means that this option must be selected before adding it to the cart. If a selection isn’t made, the customer cannot add the product to the Shopping Cart.

product page option color

File type

The file type requires the customers to upload a file of their own before adding the product to their cart. In our example, we want the customer to upload an image file before checking out so that we can add the image to a custom iPod case. There is only one option under File Type called File.

ipod  case custom image

When we move to the Option tab under the Catalog > Product to add the option to the product, there is only an selection to require the file or not. There isn’t any option values since it is up to the user to upload their own file from their computer.

ipod case custom image product

The result of saving this option can be seen on the iPod Classic product page. The sort order of 2 set the file type option below the Color option. When the customer clicks on the “Upload File” button, they can select a file from their computer that will be included in the checkout.

ipod case cusom image product page

Date type

The Date type allows for three different types of selection: Date, Time, or Date & Time.

For our product, we want the customer to include a specified date for delivery, so we title the Option Name as “Delivery Date”. We select the Date type because we don’t want the exact time to be included. We added a sort order of 4 because we want this to be the last option viewed before the customer adds the product to their cart.

delivery date

In the Option tab we can determine if it is a required option and what date we want included in the space. The customer can change the date using the calendar on the product page, so the date of the option value doesn’t matter too much.

delivery date porduct

The result of the date type can be seen in the product page image below. The Delivery Date was sort number was 4, so it falls below the Color and Ipod Case Custom Image options.

delivery date product page

Input type

The Input type allows for a text or text area option. The difference between text and text area is that text is one line of blank text to be filled in, while text area gives more space for longer comments. For our iPod Classic we decided that we need an Engraved Name option to engrave the name of the customer on the iPod. We need the customer to type in their first and last name, so we chose the text type. We gave a sort order of 3 because we want the Engraved Name option to be above the Delivery Date.

engraved name

In the Options Tab under Products we decided that this option doesn’t need to be required to check out. In the Option Value we filled in “First and Last Name” so the customer knows to enter their first and last name in the box.

engraved name product

When the option is saved to the product, we can see the Engrave Name section under Ipod Case Custom Image and above Delivery Date. The red asterick is missing because we chose “No” under “Required”. The option value shows “First and Last Name” in the box, but the customer can type their own name in that area.

first and last name

Options displayed in the shopping cart

When the customer makes their selection and adds the product to their cart, the shopping cart will display the iPod Classic product options under the Product Name column. Every option selected will be included under the iPod Classic. When the customer checks out, this product information will be included.

ipoad classic shopping cart

The Option section adds another layer of flexibility in customizing product information on product pages. By becoming familiar with the Options tab, you will improve the OpenCart transaction process for your customers.