How to configure home page?

Video explanation #

Home Page title #

Visit Admin Panel-> CMS-> Pages->Home->Edit.

home-page-pagetitle-admin
  1. Enter the Title of the Page.
  2. Enter the Slug.
    Note:- A slug is the last part of the URL containing a unique string that identifies the resource being served by the web service. In that sense, a slug is a unique identifier for the resource. For example- https://blog.enacton.com/affiliate-marketing-tips/ affiliate-marketing-tips is a Slug.

Heading and how it works #

how-it-works-frontend
home-page-heading-admin
  1. Visit Content->Heading->Title enter the Title name.
  2. Enter the Subtitle which is related to the Title name.
  3. When Hide After Login is ON, the content is not going to show after login. When disabled the content is going to show after login.
how-it-works-admin
  1. Visit Content->Section->Heading, enter the Heading in an Appropriate way.
  2. Enter Description related to heading.
  3. Now Block will come
    1. Enter the Title of the block
    2. Enter its Sequence no. i.e basically Ranking would provide here that on which position it would come.
      Hint:- Here you might think that why it’s going to take 400 in a sequence that basically provides easiness to change within the position.
    3. Enter the Content which is related to the Title.
    4. Upload Image and it is in PNG format.
    5. Remove block by clicking on the Remove Block button
  4. Add block by clicking on the Add Block Button
  5. When Hide After Login is ON, the content is not going to show after login. When disabled the content is going to show after login.
  6. Different types of Style is selected from the drop-down list.

Sign-up Form #

signup-page-frontend

Steps:-

homepage-signup-admin

It will show you the sign-up form.

Third-party integration #

thirdparty-integration-settings
  1. Enter Recaptcha Key here.
  2. Enter Recaptcha secret here.
  3. Enter Google Login Client Id here.
  4. Enter Google Login Client Secret id here.
    1. Steps to enable google login. Go through the below link https://drive.google.com/file/d/1pbShh2FNyKZHyTy3rx1T0KFlI5R361Mx/view?usp=sharing
  5. Enter Facebook Login Client Id here
  6. Enter Facebook Login Client Secret id here
    1. Steps to enable Facebook login. Go through the below link https://drive.google.com/file/d/1sNZ9OrNNOluHMCk9RSE-DZFd006DGqaA/view?usp=sharing

Bonus Type #

Bonus-type-frontend

Steps:-

different-bonus-type-admin
Refer-bonus-type-admin
  1. Do not change the code for the bonus as it is a key-value considered for various system-generated actions.
  2. Enter the Name of Bonus Type.
    Note:- It is basically a bonus type which is given to the users here mainly 3 types of bonus Joining Bonus, Joining via Referral, and Referral Bonus.
  3. Enter the Amount that is Earned.
    Note:- The amount which is entered here is given to the user as a bonus.
  4. Enter the Qualifying Amount.
    Note:- This is the amount that the user has to do the transaction as a confirmed status to get the bonus amount.
  5. Enter the Validity Days.
    Note:- The no of days the Bonus amount is available.
  6. If Enabled is ON it is shown on the front side.
join-with-refer-bonus-type
  1. Do not change the code for the bonus as it is a key-value considered for various system-generated actions.
  2. Enter the Name of Bonus Type.
    Note:- It is basically a bonus type which is given to the users here mainly 3 types of bonus Joining Bonus, Joining via Referral, and Referral Bonus.
  3. Enter the Amount that is Earned.
    Note:- The amount which is entered here is given to the user as a bonus.
  4. Enter the Qualifying Amount.
    Note:- This is the amount that the user has to do the transaction as a confirmed status to get the bonus amount.
  5. Enter the Validity Days.
    Note:- The no of days the Bonus amount is available.
  6. If Enabled is ON it is shown on the front side.
join-no-refer-bonus-type
  1. Do not change the code for the bonus as it is a key-value considered for various system-generated actions.
  2. Enter the Name of Bonus Type.
    Note:- It is basically a bonus type which is given to the users here mainly 3 types of bonus Joining Bonus, Joining via Referral, and Referral Bonus.
  3. Enter the Amount that is Earned.
    Note:- The amount which is entered here is given to the user as a bonus.
  4. Enter the Qualifying Amount.
    Note:- This is the amount that the user has to do the transaction as a confirmed status to get the bonus amount.
  5. Enter the Validity Days.
    Note:- The no of days the Bonus amount is available.
  6. If Enabled is ON it is shown on the front side.

Sliders #

homepage-slider-configuration-frontend

Steps:-

homepage-slider-configuration-admin

Visit Content->Slider->Heading

  1. Enter Relative URL in Offer Link.
  2. Select Stores name from the drop-down list.
  3. Enter Sequence no.
  4. Select Type from the radio button.
    • Internal:- An internal link is one that points to another page on the same website
    • External:- An external link points to one on another website entirely.
    • Affiliate:- An affiliate link is a unique URL assigned to a specific affiliate. The affiliate link contains and records the affiliate’s ID or username, allowing the affiliate to get credit for the traffic sent to the advertiser’s website.
  5. Choose the Background Image and also Remove Image by clicking on the button.
    Size:- 1200px X 400px Color: any Size: lesser is preferred, the ideal is less than 50kb
  6. Choose the Mobile Image and also Remove Image by clicking on the button.
    Size:- 425px width X 220 to 260px heightColor: any Size: lesser is preferred, ideal is less than 50kb
  7. Remove a row by clicking on the Remove Row button.
  8. Add a row by clicking on the Add Row button.
  9. Enter Delay timing of slider i.e changes the delay time for every slide.
  10. If Loop is ON you do not see the next arrow on the last slide otherwise by default this arrow is present on the last slide.
    Note:- By default all sliders do an “infinite loop” so that you can go through all slides using e.g. just the next arrow. This arrow is present on the last slide, too, and makes the slider go to the first slide, restarting the slideshow.
  11. Height of the Image.

Offer Of The Day #

offer-of-the-day-frontend

Steps:-

offer-of-the-day-admin
  1. Visit Content->Offer Of The Day
  2. Enter Title name.
  3. Select Logic from the drop-down box.
  4. Enter the Count value that denotes how many no. of offers displayed.
  5. Select Style from the drop-down box.

Top Stores #

top-store-front-end

Steps:-

top-store-admin

Visit Content->Top Stores

  1. Enter Title name.
  2. Enter Description related to the title if any.
  3.  When Common Listing First Tab is ON, the content is going to show on the first tab. When disabled the content is not going to show.
    1. Enter Common Listing Label name.
    2. Select Common Listing Logic from the drop-down list.
  4. Store Categories block.
    1. Select Store Categories from the drop-down list.
    2. Select Multiple stores from the drop-down list.
    3. Click on the Remove Store Category button to remove store categories.
  5. Click on the Add Store Category button to add store categories.
  6. Select Store Listing Logic from the drop-down list.
  7. Enter the Count value that how many no. of store categories displayed.
  8. Select Style from the drop-down list.

Top Offers #

top-offer-frontend

Steps:-

top-offer-admin

Visit Content->Top Offers

  1. Enter Title name.
  2.  When Common Listing First Tab is ON, the content is going to show on the first tab. When disabled the content is not going to show.
    1. Enter Common Listing Label name.
    2. Select Common Listing Logic from the drop-down list.
  3. Select Multiple Offer Categories from the drop-down list.
  4. Select Offer Listing Logic from the drop-down list.
  5. Select Display type from the drop-down list like- list.
  6. Enter the Count value that how many no. of offers displayed.
  7. Select Style from the drop-down list.

Top Deals #

top-deals-frontend

Steps:-

top-deals-admin

Visit Content->Top Offers

  1. Enter Title name.
  2. enter Description related to the title.
  3.  When Common Listing First Tab is ON, the content is going to show on the first tab. When disabled the content is not going to show.
    1. Enter Common Listing Label name.
    2. Select Common Listing Logic from the drop-down list.
  4. Select Multiple Deal Categories from the drop-down list.
  5. Select Deals Listing Logic from the drop-down list.
  6. Select Display type from the drop-down list.
  7. Enter the Count value that how many no. of deals displayed.
  8. Select Style from the drop-down list.

Image Component #

image-component-frontend

Steps:-

  1. Visit Content->Image Component.
    1. Choose the image by clicking on the Choose Img button.
    2. Remove the image by clicking on the Remove Img button.

Call To Action #

call-to-action-section-frontend

Steps:-

call-to-action-section-admin

Visit Content->call To Action.

  1. Enter Title name.
  2. Enter its Description related to the topic.
  3. Image remove and upload
    1. Choose the image by clicking on the Choose Img button.
    2. Remove the image by clicking on the Remove Img button.
  4. Select Style from the drop-down list.

stats #

stats-data-frontend

Steps:-

stats-data-admin

Visit Content->call To Action.

  1. Enter Title name.
  2. Enter its Description related to the topic.
  3. Adding Stats Block
    1. Enter the Title name of the block
    2. The value that you entered.
    3. Enter Sequence no to define its Position.
    4. Choose an image by clicking on Choose Img button and remove the image by clicking on the Remove Img button.
    5. Remove block by clicking onthe Remove Block button.
  4. Add block by clicking onthe Add Block button.
  5. Select Style from the drop-down list.

Payment Mode #

payment-mode-frontend

Steps:-

paymentmode-admin

Visit Content->Payment Mode

  1. Enter Title name.
  2. Enter its Description related to the topic.
  3. Select Style from the drop-down list.

Best Deals By Categories #

best-deals-categories-frontend

Steps:-

best-deals-categories-admin

Visit Content->Category

  1. Enter Title name.
  2. Select Category Listing Logic from the drop-down list.
  3. Enter the Count value that how many no. of the best deals by categories displayed.
  4. Select the Category Type from the drop-down list like- store, coupons, and deals.
  5. Select Style from the drop-down list.

Popular Store Categories #

store-category-frontend

Steps:-

store-category-admin

Visit Content->Category

  1. Enter Title name.
  2. Select Category Listing Logic from the drop-down list.
  3. Enter the Count value that how many no. of the popular store categories are displayed.
  4. Select the Category Type from the drop-down list like- store, coupons, and deals.
  5. Select Style from the drop-down list.

Handpicked Coupon Categories #

handpicked-coupon-category-frontend

Steps:-

handpicked-coupon-category-admin

Visit Content->Category

  1. Enter Title name.
  2. Select Category Listing Logic from the drop-down list.
  3. Enter the Count value that how many no. of the Handpicked coupon categories displayed.
  4. Select the Category Type from the drop-down list like- store, coupons, and deals.
  5. Select Style from the drop-down list.

News Letter #

newsletter-frontend

Steps:-

newsletter-admin

Visit Content->Letter

  1. Enter Title name.
  2. Select Category Listing Logic from the drop-down list.
  3. Background Image
    1. Choose the background image by clicking on the Choose Img button.
    2. Remove the background image by clicking on the Remove Img button.
  4. Icon
    1. Choose the icon by clicking on the Choose Img button.
    2. Remove the icon by clicking on the Remove Img button.
  5. Select Style from the drop-down list.

Footer Content #

footer-content-frontend

Steps:-

footer-content-admin
  • Visit Admin Panel-> CMS-> Pages->Create New.
  • Write the content as a text format whatever you want to display in the footer.