How to Create Ad Placements

Ad Placements are “reserved” ad spaces defined by Site Admins to displays campaign generated ads. This tutorial demonstrates how ad placements are created and then be positioned on any pages using Layout Editor.

Step 1: Go to: Admin Dashboard -> Plugins Manager -> Ads -> Manage Placements.

Step 2: Click “Create Placement” button.

Step 3: Fill in all required fields

#1. Select Placement type: Html, Image or Feed.

#2. Enter Placement name

#3. Enter Description

#4. Enter Dimension: Width & Height

#5. Enter Price and Days

#6. Enter Ads appears: a Maximum number of ads can be placed in this placement.

#7. Enter Number of ads: Number of ads could appear at the same time in this placement.

#8. Enable/Disable this placement.

#9. Select sample position: This is just a preview “example” position where the placement would be in relative to different sectors of your site. It will be shown to users as an example when they chose this place for their campaigns. To establish actual “reserved” ad spaces, you will need to drag and drop this placement in Layout Editor after it is created.

#10. Click “Save” button to create placement.

After successfully created:

Step 4: Go to: Admin Dashboard -> Site Manager -> Themes Manager -> Layout Editor.

Step 5: Choose a page you would like to add an ad placement.

Step 6: Drag and Drop Ads widget into selected page.

Step 7: Fill in all required fields on pop-up:

#1. Enter the new title or use the default name.

#2. Select placement.

#3. Enable/Disable title.

#4. Check/uncheck Background Block.

#5. Choose User Group Access

#6. – Click “Save changes” button

Step 8: Click “Save changes” to save changes.

To test, create a campaign with recent placement

– Method 1: Go to Admin Dashboard -> Plugins Manager -> Ads -> Manage Ad Campaigns, click “Create Campaign”

– Method 2: Create a campaign on front-end by going to a page with ad placement and click “See your ad here”

Enjoy it!

How to publish campaigns

Before creating a campaign, make sure placement already existing.

This tutorial wild show you how to create campaign.

1. How to create ads?

Method 1: Backend.

Step 1: Go to: Admin Dashboard -> Plugins Manager -> Ads -> Manage Ad Campaigns.

Step 2: Click “Create Campaign” button.

Step 3: Create Campaign

Client Info:

#1. Enter Client Name.

#2. Enter Email.

#3. Enter Note (option).

Campaign:

#4. Enter Campaign Name

#5. Select placement (Click “View all” to view all Placements information before select)

Placement info:

#6. Duration: Select the number of days to run the ad.

#7. Show the total amount to be paid and the ad end date, the value will auto calculate base on selected placement and Duration. This is read-only, can’t change.

Banner:

#8. Enter Ads Title: This field will appears if selected position placement is HTML or Feed.

#9. Upload Banner Image: allow extensions: jpg, jpeg, png, gif.

#10. Enter banner link on the textbox.

#11. Enter Description: This field will appears if selected position placement is HTML or Feed.

+ Click preview to view ads.

Audience (option)

#12. Enter age can view ads.

#13. Choose gender can view ads.

#14. Click “Save” button to a created campaign.

After successfully created:

Method 2: Front-end.

Step 1: Click “See your ad here” title link or “Advertise with us” at footer

Step 2: Fill all required fields

#1 –> # 14: Enter on fields same as method 1

After successfully created:

How to publish campaigns in the frontend

Method 1: Admin active directly

Step 1: Go to: Admin Dashboard -> Plugins Manager -> Ads -> manage Ad Campaigns

Step 2: Select “Active”

After active campaign:

(1) Start date: changed to at the time of activation

(2) End date: auto-fill based on a duration of the selected placement and start date

(3) Payment status changed to “Yes”

(4) Status changed to “Active”

– After activated, you will receive an email with content below:

Step 3: Click on a link in this email, will direct to report campaign page.

Step 4: You need to choose the time, and click “Search” button to view your report:

Step 5: Go to the site and view your ad at the website:

Method 2: Send the payment request

– Go to: Admin Dashboard -> Plugins Manager -> Ads -> Manage Ad Campaigns

– Click on the select box and choose “Send payment request”

– After then campaign’s owner will receive an email with content below:

Step 1: Click on a link –> will direct to Gateways page to make a payment.

After completed your payment

– Campaign show in backend same as method 1

(1) Start date: is the date you made payment

(2) End date: auto-fill based on a duration of the selected placement and start date

(3) Payment status changed to “Yes”

(4) Status changed to “Active”

– After make payment, the campaign’s owner will receive an email with content below:

Step 2: Click on a link in this email to view your campaign report.

You can change “from” and “to” to view.

Detail campaign report has content below:

The sample for ads on site:

Configure Stripe Gateway

1. Go to https://dashboard.stripe.com and log in to your Stripe account.

2. Go to API –> Webhooks tab to add an endpoint

3. Add an endpoint

* Input [your-site URL]/stripes/webhookStripe into ‘URL to be called’ field

** Choose the mode you want to use:

Here is example screenshot for Live mode:

Here is example screenshot for Test mode:

4. Go to API –> API tab

You will be provided a Secret key

5. Access to [your-site] –> Dashboard –> System Admin –> Gateways Manage

6. Choose Stripe and click on Edit link to edit gateway

7. Input the received Secret key above to ‘Stripe key’ field

8. If you use Test mode please check on ‘Test mode’ checkbox to test the gateway.

Else, uncheck with ‘Test mode’ checkbox and change to live mode in your stripe account also.

9. Check on ‘Enable’ checkbox.

10. To complete your process, click on Save button.

11. Test the gateway:

Enable subscription feature at Admincp -> System admin -> Subscription. Create some subscription packages then sign up a new account to test. If all configurations are correct you will see stripe payment gateway in the list of gateways as below screenshot at the payment step.