<?php defined('ABSPATH') or die("No script kiddies please!"); ?>
<div class="egpr-settings-main-wrapper">
       <div class="egpr-container egpr-shortcode-usage-page egpr-how-to-use-page">
         <div class="row">
               <h3><?php _e('Shortcode Usage','everest-google-places-reviews');?></h3>
                <div class="egpr_main_wrapper clearfix">
                     <h5>Shortcode Parameters</h5>
                        <p>You can get shortcode of specific google location from its edit page > Everest Google Places Reviews Shortcode Usage metabox shown on left section or else you can get shortcode on main review lists for specific google places reviews.
                        You can use shortcode for the display of the specific places reviews in the contents. Optionally You can enter the id of specific location from our plugin "Everest Google Places Reviews" post type. The reviews will be displayed in the order with specified id parameter and its layout options.
                        Example 1: [egpr_reviews id=’4’]
                        </p>
                       <h4>Available shortcode parameters(Based on created Everest Google Places Reviews Posts):</h4>
                        <ul>
                            <li><strong>id</strong> : This parameter is specific id attribute for specific location reviews.
                             <p>[egpr_reviews id="79"]</p>
                            </li>
                            <li><strong>review_template</strong> : Our plugin contains altogether 10 pre designed template layouts. You can pass reviews template layout using shortcode by using review_template='template1' or review_template='template4' and so on as parameter on shortcode.
                             <p>e.g., [egpr_reviews id="79" review_template="template2"]</p>
                            </li>
                            <li><strong>badge_template</strong> : You can even change template of badge parameter as badge_template="template2" to display different badge template beside specified default template for specific locations using shortcode.
                              <p>e.g.,[egpr_reviews id="79" badge_template="template3"]</p>
                            </li>
                            <li><strong>position</strong> : You can even change the position of badge from horizontal or vertical layout way by passing parameter as position="horizontal" or position="vertical" on shortcode.
                             <p>e.g.,[egpr_reviews id="79" review_template="template2" badge_template="template3" position="vertical"]</p>
                            </li>
                            <li><strong>header_template</strong> : You can even change template of header parameter as header_template="template2" to display different header template beside specified default template for specific locations using shortcode.
                               <p>e.g.,[egpr_reviews id="79" review_template="template2" badge_template="template3" header_template="template6"]</p>
                            </li>
                            <li><strong>show_badge</strong> : You can even change enable or disable badge display on frontend by passing parameter as show_badge="1" to display badge and show_badge="0" to hide badge as business information using shortcode.
                            <p>e.g.,[egpr_reviews id="79" review_template="template2" badge_template="template3" show_badge="0"] to hide badge.</p>
                            </li>
                            <li><strong>show_header</strong> : You can even change enable or disable header as ribbon display on frontend by passing parameter as show_header="1" to display header and show_header="0" to hide header using shortcode.
                             <p>e.g.,[egpr_reviews id="79" review_template="template2" badge_template="template3" show_header="0"] to hide header.</p>
                            </li>
                            <li><strong>show_review</strong> : You can even change enable or disable to show or hide reviews parameter as show_review="1" to display reviews and show_review="0" to hide it using shortcode.
                             <p>e.g.,[egpr_reviews id="79" show_review="0"] to hide reviews.</p>
                             </li>
                            <li><strong>show_rate_us_button</strong> : You can even change enable or disable for rate us button link by passing parameter as show_rate_us_button="1" to display rate us button and show_rate_us_button="0" to hide it using shortcode.
                            <p>e.g.,[egpr_reviews id="79" show_rate_us_button="0"] to hide rate us button link at last of reviews lists on frontend display.</p>
                            </li>
                             <li><strong>text_title</strong> : You can even change text of rate us button using this attribute.
                            <p>e.g.,[egpr_reviews id="79" show_rate_us_button="1" text_title="Rate Us"] to change rate us button text.</p>
                            </li>

                            <li>
                            <strong>custom_url</strong> : You can even set your own custom URL link for rate us button by passing parameter as custom_url="https://www.". Default if not added on shortcode , button will redirect to default google add review form.
                            <p>e.g.,[egpr_reviews id="79" show_rate_us_button="1" text_title="Rate Us" custom_url="https://www."]</p>
                            </li>

                            <li><strong>number_reviews</strong> : You can display number of reviews as per you wish by adding number_reviews on shortcode parameter but upto 5 reviews only.

                            <p>e.g.,[egpr_reviews id="79" number_reviews="4"]  to show upto 4 reviews.</p>
                            </li>

                             <li><strong>enable_viewall</strong> : You can even change enable or disable for view all button link by passing parameter as enable_viewall="1" to display view all button and enable_viewall="0" to hide it using shortcode.
                            <p>e.g.,[egpr_reviews id="79" enable_viewall="0"] to hide view all button link at last of reviews lists on frontend display.</p>
                            </li>
                             <li><strong>view_all_button_title</strong> : You can even change text of View All button using this attribute.
                            <p>e.g.,[egpr_reviews id="79" enable_viewall="1" view_all_button_title="Rate Us"] to change view all button text.</p>
                            </li>
                              <li>
                              <strong>viewall_custom_url</strong> : You can even set your own custom URL link for view all button by passing parameter as viewall_custom_url="https://www.". Default if not added on shortcode , button will redirect to default google map all reviews page.
                            <p>e.g.,[egpr_reviews id="79" viewall_custom_url="https://www."]</p>
                            </li>
                              <li>
                              <strong>badge_link</strong> : You can even disable badge location name and image link together using this shortcode attribute.Default if not added on shortcode , link is enabled. To disabled link use attribute as badge_link="disabled".
                             <p>e.g.,[egpr_reviews id="79" badge_link="disabled"]</p>
                            </li>
                            

                             <h4>Slider/List Layout</h4>
                             <li><strong>layout_type</strong> : You can change layout as slider or list replace of default setup for specific shortcode using parameter as layout_type="slider" to display slider type reviews layout and layout_type="list" to display reviews as list layout.
                            <p>e.g.,[egpr_reviews id="79" layout_type="list"].</p>
                            </li>
                            <li><strong>pager_type</strong> : You can change slider's pager layout as dot or pagination to replace of default setup for specific shortcode using parameter as pager_type="dot" to display dot pager type reviews layout and pager_type="pagination" to display slider reviews with pagination type.
                            <p>e.g.,[egpr_reviews id="79" pager_type="pagination"].</p>
                            </li>
                             <li><strong>controls_type</strong> : You can change control for slider as arrow or text type to replace of default setup for specific shortcode using parameter as controls_type="arrow" to display arrow control type and controls_type="text" to display slider reviews with text control type.
                            <p>e.g.,[egpr_reviews id="79" controls_type="text"].</p>
                            </li>
                          </ul>
                          <h5>Example 1.1: Show Reviews with template 2 and show badge with badge template 3 ,hide rate us button and display 3 number of reviews:
                           <p>[egpr_reviews id="79" review_template="template2" badge_template="template3" show_rate_us_button="0" number_reviews="3"]</p>
                          </h5>
                          

                          <h5>Example 1.2: Show Reviews with template 4 and show badge with template 3 , hide rate us button and header (ribbon) template 4:
                          <p>[egpr_reviews id="79" review_template="template4" badge_template="template3" show_rate_us_button="0" header_template="template4"]</p>
                          </h5>

                        <hr/>
                        
                        <h4>More Advanced Shortcode Available (Based On Place IDs)</h4>
                        <p>This shortcode is only based on place id not above mentioned or generated id of our plugin.
                          Display 5 user reviews at once using different place id as an shortcode attribute without creating different location posts at once.</p>
                          <p>Available shortcode parameters:</p>
                        <ul>
                            <li><strong>place_id</strong> : In this parameter fill your place id to retrieve its specific user reviews.
                             <p>[egpr_reviews place_id="--place id here--"]</p>
                            </li>
                            <li><strong>review_template</strong> : Our plugin contains altogether 10 pre designed template layouts. You can pass reviews template layout using shortcode by using review_template='template1' or review_template='template4' and so on as parameter on shortcode.
                             <p>e.g., [egpr_reviews place_id="--place id here--" review_template="template2"]</p>
                            </li>
                            <li><strong>badge_template</strong> : You can even change template of badge parameter as badge_template="template2" to display different badge template beside specified default template for specific locations using shortcode.
                              <p>e.g.,[egpr_reviews place_id="--place id here--" badge_template="template3"]</p>
                            </li>
                            <li><strong>position</strong> : You can even change the position of badge from horizontal or vertical layout way by passing parameter as position="horizontal" or position="vertical" on shortcode.
                             <p>e.g.,[egpr_reviews place_id="--place id here--" review_template="template2" badge_template="template3" position="vertical"]</p>
                            </li>
                            <li><strong>header_template</strong> : You can even change template of header parameter as header_template="template2" to display different header template beside specified default template for specific locations using shortcode.
                               <p>e.g.,[egpr_reviews place_id="--place id here--" review_template="template2" badge_template="template3" header_template="template6"]</p>
                            </li>
                            <li><strong>show_badge</strong> : You can even change enable or disable badge display on frontend by passing parameter as show_badge="1" to display badge and show_badge="0" to hide badge as business information using shortcode. Default if not added on shortcode , value will be always 1.
                            <p>e.g.,[egpr_reviews  place_id="--place id here--" review_template="template2" badge_template="template3" show_badge="0"] to hide badge.</p>
                            </li>
                            <li><strong>show_header</strong> : You can even change enable or disable header as ribbon display on frontend by passing parameter as show_header="1" to display header and show_header="0" to hide header using shortcode.Default if not added on shortcode , value will be always 1.
                             <p>e.g.,[egpr_reviews  place_id="--place id here--" review_template="template2" badge_template="template3" show_header="0"] to hide header.</p>
                            </li>
                            <li><strong>show_review</strong> : You can even change enable or disable to show or hide reviews parameter as show_review="1" to display reviews and show_review="0" to hide it using shortcode.Default if not added on shortcode , value will be always 1.
                             <p>e.g.,[egpr_reviews  place_id="--place id here--" show_review="0"] to hide reviews.</p>
                             </li>
                            <li>
                            <strong>badge_position_type</strong> : You can even display your badge in horizonlal or vertical position with user reviews
                             by passing parameter as badge_position_type="horizontal" or badge_position_type="vertical" . Default if not added on shortcode , value will be always "horizontal".
                            <p>e.g.,[egpr_reviews place_id="--place id here--" badge_position_type="vertical"]</p>
                            </li>
                              <li><strong>number_reviews</strong> : You can display number of reviews as per you wish by adding number_reviews on shortcode parameter but upto 5 reviews only.
                            <strong>
                              Note: If any of attribute show_5star_rating or show_4star_rating is set to 1 on shortcode attribute then number_reviews as defined will not be working in some cases since our plugin can only get upto 5 total reviews and among these retrived 5 total reviews, only those reviews of 5 star rated reviews will be retrived. For example, if in total 5 reviews you have 2 users who rated 5 star among 5 users then even if you set number_review = "3" then only those 2 user review will be display since you have enabled show_5star_rating="1".
                            </strong>
                            <p>e.g.,[egpr_reviews place_id="--place id here--" number_reviews="4"]  to show upto 4 reviews.</p>
                            </li>
                            <li><strong>show_5star_rating</strong>: Shortcode Paramenter to show reviews of only 5 star rated by users.<strong>Note: Only use show_5star_rating attribute and remove below show_4star_rating attribute from this shortcode if you want to display reviews which are rated 5 star only by users. </strong>
                            <p>e.g.,[egpr_reviews place_id="--place id here--" show_5star_rating="1"] </p>
                            </li>
                             <li><strong>show_4star_rating</strong>: Shortcode Paramenter to show reviews of only 4 star rated by users. <strong>Note: Only use show_4star_rating attribute and remove above show_5star_rating attribute from this shortcode if you want to display reviews which are rated 4 star only by users. </strong>
                            <p>e.g.,[egpr_reviews place_id="--place id here--" show_4star_rating="1"] </p>
                            </li>
                            <li>
                              <strong>show_description</strong>: Shortcode Paramenter to show description of reviewers on review template.Default is set to 1.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" show_description="0"] to disable descriptions of reviewers.</p>
                            </li>
                            <li>
                              <strong>word_limit</strong>: Shortcode Paramenter to set description limit to display at first of reviewers on review template.Default is set to 100.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" show_description="1" word_limit="300"] set 300 as word limit for user description.</p>
                            </li>
                             <li>
                              <strong>badge_link</strong> : You can even disable badge location name and image link together using this shortcode attribute.Default if not added on shortcode , link is enabled. To disabled link use attribute as badge_link="disabled".
                             <p>e.g.,[egpr_reviews place_id="--place id here--"  badge_link="disabled"]</p>
                            </li>

                             <h4>Show Read More / Read Less Feature With reviewer's decription using shortcode based on place id:</h4>
                            <li>
                              <strong>show_text</strong>: Shortcode Paramenter to set your own custom read more button to show all description. Default is set to "Read More".
                            <p>e.g.,[egpr_reviews place_id="--place id here--" show_description="1" show_text="View More"]</p>
                            </li>
                             <li>
                              <strong>hide_text</strong>: Shortcode Paramenter to set your own custom read less button to hide extra word description. Default is set to "Read Less".
                            <p>e.g.,[egpr_reviews place_id="--place id here--" show_description="1" hide_text="View Less"]</p>
                            </li>


                         <h4>Show/Hide <b>"RATE US"</b> button using shortcode based on place id:</h4>

                            <li>
                              <strong>enable_rateus</strong> : You can even change enable or disable for rate us button link by passing parameter as enable_rateus="0" to hide it using shortcode. Default if not added on shortcode , value will be always 1.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" enable_rateus="0"] to hide rate us button link at last of reviews lists on frontend display.</p>
                            </li>
                            <li>
                              <strong>text_title</strong> : You can even display your own custom text for rate us button by passing parameter as text_title="Write To Us Now". Default if not added on shortcode , value will be always "Write To Us" if enable_rateus parameter is not set to 0.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" text_title="Write To Us Now"]</p>
                            </li>
                              <li>
                              <strong>custom_url</strong> : You can even set your own custom URL link for rate us button by passing parameter as custom_url="https://www.". Default if not added on shortcode , button will redirect to default google add review form.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" custom_url="https://www."]</p>
                            </li>
                            <li>
                              <strong>rateus_link_target</strong> : You can even change link target for rate us custom url link such as use value _blank for new window, _self for same window.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" rateus_link_target="_self" custom_url="https://www."]</p>
                            </li>

                           <h4>Show/Hide <b>"VIEW ALL"</b> button using shortcode based on place id:</h4>
                           <li>
                            <strong>enable_viewall</strong> : You can even change enable or disable for view all button link by passing parameter as enable_viewall="0" to hide it using shortcode. Default if not added on shortcode , value will be always 1.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" enable_viewall="0"] to hide view all button link at last of reviews lists on frontend display.</p>
                            </li>
                             <li>
                              <strong>text_vbtitle</strong> : You can even display your own custom text for view all button by passing parameter as text_vbtitle="Write To Us Now". Default if not added on shortcode , value will be always "See All Reviews" if enable_viewall parameter is not set to 0.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" text_vbtitle="See All Reviews"]</p>
                            </li>
                             <li>
                              <strong>viewall_custom_url</strong> : You can even set your own custom URL link for view all button by passing parameter as viewall_custom_url="https://www.". Default if not added on shortcode , button will redirect to default google map all reviews page.
                     <p>e.g.,[egpr_reviews place_id="--place id here--" viewall_custom_url="https://www."]</p>
                            </li>
                             <li>
                              <strong>viewall_link_target</strong> : You can even change link target for view all button such as use value _blank for new window, _self for same window.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" viewall_link_target="_self"]</p>
                            </li>

                             <h4>Google Rich Snippets Shortcode parameters:</h4>
                            <li><strong>total_review_count</strong> : You can add static total review count since Google Places API key doesn't provide this value. Default is set to 6 if left blank.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" total_review_count="40"]</p>
                            </li>
                            <li><strong>price_range</strong> : You can add static price range parameter since Google Places API key doesn't provide this value. Default is set to 40 if left blank.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" price_range="4000"]</p>
                            </li>
                            <li><strong>language_code</strong> : Fill language code you want to retrieve reviews of. For google places api available language code you can view link 
                              <a href="https://developers.google.com/maps/faq#languagesupport" target="_blank">Available Language Code</a>
                            <p>e.g.,[egpr_reviews place_id="--place id here--" language_code="es"]
                            Here, en is language code available for Spanish to retrieve user reviews in Spanish language. Default is set to "en" i.e English.
                            </p>
                            </li>

                             <h4>Badge/ Review Animation</h4>
                             <p>Available animation are:
                              (fadeIn,fadeInLeft,fadeInRight,fadeInUp,fadeInDown,bounce,bounceInLeft,bounceInRight,
                              bounceInUp,bounceInDown',flip,flipInX,flipInY,lightSpeedIn,slideInUp,slideInDown,
                              slideInLeft,slideInRight,zoomIn,zoomInDown,zoomInLeft,zoomInRight,zoomInUp,flash,pulse) 

                             </p>
                             <li><strong>badge_animation_type</strong> : Fill badge animation.If not set, no animation will be used.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" badge_animation_type="fadeIn"].</p>
                            </li>
                            <li><strong>review_animation_type</strong> : YFill review animation. If not set, no animation will be used.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" review_animation_type="fadeInUp"].</p>
                            </li>
                            


                             <h4>Slider/List Layout</h4>
                             <li><strong>layout_type</strong> : You can change layout as slider or list replace of default setup for specific shortcode using parameter as layout_type="slider" to display slider type reviews layout and layout_type="list" to display reviews as list layout.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" layout_type="list"].</p>
                            </li>
                              <li><strong>speed</strong> : Set slider speed time using this parameter as speed="1000". Default is set as 1000.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" speed="2000"] in ms. Only set number</p>
                            </li>
                             <li><strong>pause</strong> : Set slider pause time using this parameter as pause="4000". Default is set as 4000.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" pause="5000"] in ms. Only set number</p>
                            </li>
                            <li><strong>mode</strong> : You can change slider's mode layout as horizontal or vertical.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" mode="vertical"]. Default is set as "horizontal"</p>
                            </li>
                            <li><strong>controls</strong> :Show/hide slider controls using this parameter.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" controls="1"] to show controls and [egpr_reviews place_id="--place id here--" controls="0"] to hide.</p>
                            </li>
                             <li><strong>controls_type</strong> : You can change control for slider as arrow or text type using this parameter as controls_type="arrow" to display arrow control type and controls_type="text" to display slider reviews with text control type.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" controls_type="text"].</p>
                            </li>
                             <li><strong>adaptive_height</strong>: Set adaptive height 1 or 0 as true or false for review slider using this parameter.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" adaptive_height="0"]</p>
                            </li>
                             <li><strong>pager_show</strong>: Show or hide pager as 1 or 0 for review slider using this parameter.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" pager_show="0"]. Default if not added on shortcode, set to 1 i.e page is shown.</p>
                            </li>
                            <li><strong>autoplay</strong> : Set autoplay as 1 or 0 i.e true or false using this parameter as autoplay="0" for disabling autoplay and autoplay="1" to enable it. Default value is set as enabled.
                            <p>e.g.,[egpr_reviews place_id="--place id here--" autoplay="0"] to disable autoplay feature. Default is set as "1"</p>
                            </li>
                          </ul>

                          <h4>Custom Styling Options For Advanced Shortcode Based on Place ID:</h4>
                          <ul>
                             <li><strong>description_font_family</strong> : Set review description's custom font family. 
                            <p>e.g.,[egpr_reviews place_id="--place id here--" description_font_family="Roboto"].</p>
                            </li>
                              <li><strong>description_font_color</strong> :Set review description's custom font color. 
                            <p>e.g.,[egpr_reviews place_id="--place id here--" description_font_color="#000000"].</p>
                            </li>
                             <li><strong>description_font_size</strong> :Set review description's custom font size in px or em. <strong>Note: Please do add px or em after number for value.</strong>
                            <p>e.g.,[egpr_reviews place_id="--place id here--" description_font_size="18px"].</p>
                            <em>OR,</em>
                            <p>e.g.,[egpr_reviews place_id="--place id here--" description_font_size="1.5em"].</p>
                            </li>
                             <li><strong>description_font_color</strong> : Set review description's custom font color. 
                            <p>e.g.,[egpr_reviews place_id="--place id here--" description_font_color="#000000"].</p>
                            </li>
                             <li><strong>date_font_color</strong> :Set review date's custom font color. 
                            <p>e.g.,[egpr_reviews place_id="--place id here--" date_font_color="#e2e2e2"].</p>
                            </li>
                             <li><strong>rating_color</strong> : Set review rating star custom font color. 
                            <p>e.g.,[egpr_reviews place_id="--place id here--" rating_color="#e2e2e2"].</p>
                            </li>
                             <li><strong>button_font_color</strong> : Set review's read more or read less button custom font color. 
                            <p>e.g.,[egpr_reviews place_id="--place id here--" button_font_color="#000000"].</p>
                            </li>
                            <li><strong>button_font_hover_color</strong> :Set review's read more or read less button custom font hover color. 
                            <p>e.g.,[egpr_reviews place_id="--place id here--" button_font_hover_color="#e2e2e2"].</p>
                            </li>
                            <li><strong>rateus_fontsize</strong> : Set Write to us or rate us button as well as See All Reviews button font size. 
                            <p>e.g.,[egpr_reviews place_id="--place id here--" rateus_fontsize="12px"].</p>
                            </li>
                            <li><strong>rateus_fontcolor</strong> : Set Write to us or rate us button as well as See All Reviews button's font color. 
                            <p>e.g.,[egpr_reviews place_id="--place id here--" rateus_fontcolor="#000000"].</p>
                            </li>
                            <li><strong>rateus_font_hover_color</strong> : Set Write to us or rate us button as well as See All Reviews button's font hover color. 
                            <p>e.g.,[egpr_reviews place_id="--place id here--" rateus_font_hover_color="#000000"].</p>
                            </li>
                            <li><strong>rateus_background_color</strong> : Set Write to us or rate us button as well as See All Reviews button's background color. 
                            <p>e.g.,[egpr_reviews place_id="--place id here--" rateus_background_color="#000000"].</p>
                            </li>
                            <li><strong>rateus_background_hover_color</strong> : Set Write to us or rate us button as well as See All Reviews button's background hover color. 
                            <p>e.g.,[egpr_reviews place_id="--place id here--" rateus_background_hover_color="#ffffff"].</p>
                            </li>
                            <li><strong>rateus_font_family</strong> : Set Write to us or rate us button as well as See All Reviews button's font family. 
                            <p>e.g.,[egpr_reviews place_id="--place id here--" rateus_font_family="Roboto"].</p>
                            </li>
                         </ul>
                </div>
         </div>
       </div>
</div>