How to create a refer and earn page?

Adding refer and earn page #

Page title #

Visit Admin Panel-> CMS-> Pages->Refer And Earn->Edit.

refer-and-earn-page-title
  1. Enter the Title of the Page.
    -Note:- A page title, also known as a title tag, is a short description of a webpage and appears at the top of a browser window.
  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://www.enactsoft.com/resources/how-to-start-affiliate-marketing/ is affiliate-marketing-tips is a Slug.

Hero section #

refer-and-earn-page-hero-section-frontend

Steps:-

refer-and-earn-page-hero-section-admin

Visit Content->Hero Section.

  1. Enter the Title Name.
  2. Enter the Description related to the topic.
  3. enter the Button Name.
  4. Enter the Button URL.
  5. Upload background image by clicking on choose img buttonand remove background image by clicking on the Remove Img button.
    – size:- 80*25 Pixels
  6. Select the Style from the drop-down list.

How refer and earn works #

refer-and-earn-page-how-it-works-frontend

Steps:-

  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 by clicking on Choose Img button and remove the image by clicking on Remove Img button.
      Size:- 80*80 Pixels.
    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.

Why refer friends #

Steps:-

refer-and-earn-page-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 by clicking on Choose Img button and remove image by clicking on Remove Img button.
      Size:- 80*80 Pixels.
    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.

CTA section #

refer-and-earn-page-cta-section-frontend

Steps:-

refer-and-earn-page-cta-section-admin
  1. Visit Content->Call to Action->Title, enter the Title in an Appropriate way.
  2. Enter Description related to the title.
  3. Upload image by clicking on Choose Img button and remove the image by clicking on Remove Img button.
    Size:- 80*20 Pixels.
  4. Different types of Style is selected from the drop-down list.

Footer content #

refer-and-earn-page-footer-content-frontend

Steps:-

refer-and-earn-page-footer-content-admin
  • Visit Content->Rich Text Block
  • Write the content as a text format whatever you want to display as an Information or general terms within the page.
    Note:- RichText is a component that allows developers to render a contenteditable input providing users with the option to format block content to make it bold, italics, linked, or use another formatting. The RichText component is extremely powerful because it provides built-in functionality.

Leave a Reply

Your email address will not be published. Required fields are marked *