{"id":370,"date":"2022-01-10T06:56:02","date_gmt":"2022-01-10T06:56:02","guid":{"rendered":"https:\/\/www.enactsoft.com\/resources\/?post_type=docs&p=370"},"modified":"2023-09-01T14:56:07","modified_gmt":"2023-09-01T09:26:07","password":"","slug":"laraback-refer-and-earn-page","status":"publish","type":"docs","link":"https:\/\/www.enactsoft.com\/resources\/laraback-refer-and-earn-page\/","title":{"rendered":"How to create a refer and earn page?"},"content":{"rendered":"\n

Adding refer and earn page<\/h2>\n\n\n\n

Page title<\/h3>\n\n\n\n

Visit Admin Panel-> CMS-> Pages->Refer And Earn->Edit.<\/strong><\/p>\n\n\n\n

\"refer-and-earn-page-title\"\/<\/a><\/figure>\n\n\n\n
    \n
  1. Enter the Title of the Page.
    -Note:-<\/strong> 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<\/strong>.<\/li>\n\n\n\n
  2. Enter the Slug.
    – Note<\/strong>:- 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<\/a>-affiliate-marketing\/<\/a>\u00a0is affiliate-marketing-tips <\/strong>is a Slug.<\/li>\n<\/ol>\n\n\n\n

    Hero section<\/h3>\n\n\n\n
    \"refer-and-earn-page-hero-section-frontend\"\/<\/a><\/figure>\n\n\n\n

    Steps<\/strong>:-<\/p>\n\n\n\n

    \"refer-and-earn-page-hero-section-admin\"\/<\/a><\/figure>\n\n\n\n

    Visit Content->Hero Section.<\/strong><\/p>\n\n\n\n

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

      How refer and earn works<\/h3>\n\n\n\n
      \"refer-and-earn-page-how-it-works-frontend\"\/<\/a><\/figure>\n\n\n\n

      Steps<\/strong>:-<\/p>\n\n\n\n

      \"\"\/<\/a><\/figure>\n\n\n\n
        \n
      1. Visit Content->Section->Heading, <\/strong>enter the Heading <\/strong>in an Appropriate way.<\/li>\n\n\n\n
      2. Enter Description<\/strong> related to heading.<\/li>\n\n\n\n
      3. Now Block<\/strong> will come\n
          \n
        1. Enter the Title<\/strong> of the block<\/li>\n\n\n\n
        2. Enter its Sequence<\/strong> no. i.e basically Ranking would provide here that on which position it would come.
          – Hint<\/strong>:- Here you might think that why it’s going to take 400 in a sequence that basically provides easiness to change within the position.<\/li>\n\n\n\n
        3. Enter the Content<\/strong> which is related to the Title.<\/li>\n\n\n\n
        4. Upload image by clicking on Choose Img<\/strong> button and remove the image by clicking on Remove Img <\/strong>button.
          – Size<\/strong>:- 80*80 Pixels.<\/li>\n\n\n\n
        5. Remove block by clicking on the Remove Block<\/strong> button.<\/li>\n<\/ol>\n<\/li>\n\n\n\n
        6. Add block by clicking on the Add Block<\/strong> Button.<\/li>\n\n\n\n
        7. When Hide After Login<\/strong> is ON, the content is not going to show after login. When disabled the content is going to show after login.<\/li>\n\n\n\n
        8. Different types of Style<\/strong> is selected from the drop-down list.<\/li>\n<\/ol>\n\n\n\n

          Why refer friends<\/h3>\n\n\n\n
          \"\"\/<\/a><\/figure>\n\n\n\n

          Steps<\/strong>:-<\/p>\n\n\n\n

          \"refer-and-earn-page-how-it-works-admin\"\/<\/a><\/figure>\n\n\n\n
            \n
          1. Visit Content->Section->Heading, <\/strong>enter the Heading <\/strong>in an Appropriate way.<\/li>\n\n\n\n
          2. Enter Description<\/strong> related to heading.<\/li>\n\n\n\n
          3. Now Block<\/strong> will come\n
              \n
            1. Enter the Title<\/strong> of the block<\/li>\n\n\n\n
            2. Enter its Sequence<\/strong> no. i.e basically Ranking would provide here that on which position it would come.
              – Hint<\/strong>:- Here you might think that why it’s going to take 400 in a sequence that basically provides easiness to change within the position.<\/li>\n\n\n\n
            3. Enter the Content<\/strong> which is related to the Title.<\/li>\n\n\n\n
            4. Upload image by clicking on Choose Img<\/strong> button and remove image by clicking on Remove Img<\/strong> button.
              – Size<\/strong>:- 80*80 Pixels.<\/li>\n\n\n\n
            5. Remove block by clicking on the Remove Block<\/strong> button.<\/li>\n<\/ol>\n<\/li>\n\n\n\n
            6. Add block by clicking on the Add Block<\/strong> Button.<\/li>\n\n\n\n
            7. When Hide After Login<\/strong> is ON, the content is not going to show after login. When disabled the content is going to show after login.<\/li>\n\n\n\n
            8. Different types of Style<\/strong> is selected from the drop-down list.<\/li>\n<\/ol>\n\n\n\n

              CTA section<\/h3>\n\n\n\n
              \"refer-and-earn-page-cta-section-frontend\"\/<\/a><\/figure>\n\n\n\n

              Steps<\/strong>:-<\/p>\n\n\n\n

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

                Footer content<\/h3>\n\n\n\n
                \"refer-and-earn-page-footer-content-frontend\"\/<\/a><\/figure>\n\n\n\n

                Steps<\/strong>:-<\/p>\n\n\n\n

                \"refer-and-earn-page-footer-content-admin\"\/<\/a><\/figure>\n\n\n\n
                  \n
                • Visit Content->Rich Text Block<\/strong><\/li>\n\n\n\n
                • Write the content as a text format whatever you want to display as an Information or general terms within the page.
                  – Note<\/strong>:- 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.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

                  Visit Admin Panel-> CMS-> Pages->Refer And Earn->Edit. Steps:- Visit Content->Hero Section. Steps:- Steps:- Steps:- Steps:-<\/p>\n","protected":false},"author":2,"featured_media":0,"template":"","meta":{"footnotes":""},"doc_category":[29,73],"glossaries":[],"doc_tag":[],"class_list":["post-370","docs","type-docs","status-publish","hentry","doc_category-frontend-pages-laraback","doc_category-front-end-pages-superback"],"year_month":"2025-11","word_count":622,"total_views":"460","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"author_nicename":"sdjsuhds","author_url":"https:\/\/www.enactsoft.com\/resources\/author\/sdjsuhds\/"},"doc_category_info":[{"term_name":"Frontend Pages","term_url":"https:\/\/www.enactsoft.com\/resources\/docs-category\/frontend-pages-laraback\/"},{"term_name":"Frontend Pages","term_url":"https:\/\/www.enactsoft.com\/resources\/docs-category\/front-end-pages-superback\/"}],"doc_tag_info":[],"author_list":[{"ID":"2","user_login":"sdjsuhds","display_name":"sdjsuhds","id":"2"}],"_links":{"self":[{"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/docs\/370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":8,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/docs\/370\/revisions"}],"predecessor-version":[{"id":2749,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/docs\/370\/revisions\/2749"}],"wp:attachment":[{"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/media?parent=370"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/doc_category?post=370"},{"taxonomy":"glossaries","embeddable":true,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/glossaries?post=370"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.enactsoft.com\/resources\/wp-json\/wp\/v2\/doc_tag?post=370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}