Theme app integration

Wondering which themes are supported?

Great news! We support all types of themes without any issues.

Theme 2.0

For Online Store 2.0 theme, simply toggle the switch in the app embeds section and follow the instructions here.

Vintage or old theme

If you’re using a vintage or older theme version, please use the chat box in the bottom right corner to contact our support team for manual guidance on adding the necessary code to ensure everything works perfectly.

info icon
The screenshot below shows an example of an error in your vintage theme. Please contact our support team for assistance.

Alternatively if you have coding knowledge, you can use the following codes to add our widgets to your desired location in the theme. We’re always available to support you if you encounter any issues.

--Carousel1
<div class="agrs__widget">
  <div class="agrs__holder agrs__carousel1" 
  title_section= 'What our customers say'
  title_type=h2
  card_background_color="rgb(241, 241, 241)"
  card_text_color="rgb(116, 113, 113)"
  star_color="#FBBC05"
  show_reviewer_avatar= true
  show_reviewer_name_detail= true
  show_review_date= true
  show_verified_badge= true
  show_review_photos= true
  auto_scroll= true
  slide_delay= 3
  show_leave_review_button= true
  button_color= "#FFFFFF"
  button_background= "#4285F4"
  show_callout_layout= true
  show_navigation_bar= true
  max_line_review_content= 4
  show_business_summary=true
  show_business_summary_rating=true
  bussiness_summary_rating_text='Excellent'
  show_business_summary_total_review=true
  business_summary_color= "#3A454F"
  show_business_summary_summary_rating=true
  show_liked_review=true
  ></div>
</div>

--Carousel2
<div class="agrs__widget">
  <div class="agrs__holder agrs__carousel2" 
  title_section= 'What our customers say'
  title_type=h2
  card_background_color="rgb(241, 241, 241)"
  card_text_color="rgb(116, 113, 113)"
  star_color="#FBBC05"
  show_reviewer_avatar= true
  show_reviewer_name_detail= true
  show_review_date= true
  show_verified_badge= true
  show_review_photos= true
  auto_scroll= true
  slide_delay= 3
  show_leave_review_button= true
  button_color= "#FFFFFF"
  button_background= "#4285F4"
  show_callout_layout= true
  show_navigation_bar= true
  max_line_review_content= 4
  show_business_summary_rating=true
  bussiness_summary_rating_text='Excellent'
  show_business_summary_total_review=true
  business_summary_color= "#3A454F"
  show_business_summary_summary_rating=true
  show_liked_review=true
  ></div>
  
  --Carousel3
  <div class="agrs__widget">
  <div class="agrs__holder agrs__carousel3" 
  title_section= 'What our customers say'
  title_type=h2
  card_background_color="rgb(241, 241, 241)"
  card_text_color="rgb(116, 113, 113)"
  star_color="#FBBC05"
  show_reviewer_avatar= true
  show_reviewer_name_detail= true
  show_review_date= true
  show_verified_badge= true
  show_review_photos= true
  auto_scroll= true
  slide_delay= 3
  show_leave_review_button= true
  button_color= "#FFFFFF"
  button_background= "#4285F4"
  show_navigation_bar= true
  max_line_review_content= 4
  show_business_summary=true
  show_business_summary_rating=true
  bussiness_summary_rating_text='Excellent'
  show_business_summary_total_review=true
  business_summary_background= "#FFFFFF"
  business_summary_color= "#3A454F"
  show_business_summary_summary_rating=true
  show_liked_review=true
  ></div>
</div>

--Grid
<div class="agrs__widget">
  <div class="agrs__holder agrs__grid" 
  title_section= 'What our customers say'
  title_type=h2
  card_background_color="rgb(241, 241, 241)"
  card_text_color="rgb(116, 113, 113)"
  star_color="#FBBC05"
  show_reviewer_avatar= true
  show_reviewer_name_detail= true
  show_review_date= true
  show_verified_badge= true
  show_review_photos= true
  show_leave_review_button= true
  button_color= "#FFFFFF"
  button_background= "#4285F4"
  max_line_review_content= 4
  show_business_summary_rating=true
  bussiness_summary_rating_text='Excellent'
  show_business_summary_total_review=true
  business_summary_color= "#3A454F"
  business_summary_background= "#FFFFFF"
  show_business_summary= true
  show_business_summary_summary_rating=true
  show_callout_layout= true
  show_liked_review=true
  ></div>
</div>

--Brick
<div class="agrs__widget">
  <div class="agrs__holder agrs__brick" 
  title_section= 'What our customers say'
  title_type=h2
  card_background_color="rgb(241, 241, 241)"
  card_text_color="rgb(116, 113, 113)"
  star_color="#FBBC05"
  show_reviewer_avatar= true
  show_reviewer_name_detail= true
  show_review_date= true
  show_verified_badge= true
  show_review_photos= true
  show_leave_review_button= true
  button_color= "#FFFFFF"
  button_background= "#4285F4"
  show_business_summary_rating=true
  bussiness_summary_rating_text='Excellent'
  show_business_summary_total_review=true
  business_summary_color= "#3A454F"
  business_summary_background= "#FFFFFF"
  show_business_summary= true
  show_business_summary_summary_rating=true
  show_callout_layout= true
  show_liked_review=true
  ></div>
</div>

--List
<div class="agrs__widget">
  <div class="agrs__holder agrs__list" 
  title_section= 'What our customers say'
  title_type=h2
  card_background_color="rgb(241, 241, 241)"
  card_text_color="rgb(116, 113, 113)"
  star_color="#FBBC05"
  show_reviewer_avatar= true
  show_reviewer_name_detail= true
  show_review_date= true
  show_verified_badge= true
  show_review_photos= true
  show_leave_review_button= true
  button_color= "#FFFFFF"
  button_background= "#4285F4"
  max_line_review_content= 4
  show_business_summary_rating=true
  bussiness_summary_rating_text='Excellent'
  show_business_summary_total_review=true
  business_summary_color= "#3A454F"
  business_summary_background= "#FFFFFF"
  show_business_summary= true
  show_business_summary_summary_rating=true
  show_liked_review=true
  ></div>
</div>

--Anchor horizontal
<div class="agrs__widget">
  <div class="agrs__holder anchor__horizontal"
  location=bottom
  alignment=center
  show_close_button=true
  card_background_color="rgb(241, 241, 241)"
  card_text_color="rgb(116, 113, 113)"
  star_color="#FBBC05"
  rounded_corners=8
  ></div>
</div>

--Anchor popup1
<div class="agrs__widget">
  <div class="agrs__holder anchor__popup1" 
  card_background_color="rgb(241, 241, 241)"
  card_text_color="rgb(116, 113, 113)"
  star_color="#FBBC05"
  show_reviewer_avatar= true
  show_reviewer_name_detail= true
  show_review_date= true
  show_verified_badge= true
  show_review_photos= true
  show_leave_review_button= true
  button_color= "#FFFFFF"
  button_background= "#4285F4"
  max_line_review_content= 4
  show_business_summary_rating=true
  show_business_summary_total_review=true
  business_summary_color= "#3A454F"
  business_summary_background= "#FFFFFF"
  show_business_summary= true
  location=bottom
  alignment=center
  show_close_button=true
  show_business_summary_summary_rating=true
  popup_background_color="#FFFFFF"
  popup_text_color="#3A454F"
  bussiness_summary_rating_text='Excellent'
  show_liked_review=true
  ></div>
</div>

--Anchor popup2
<div class="agrs__widget">
  <div class="agrs__holder anchor__popup2" 
  card_background_color="rgb(241, 241, 241)"
  card_text_color="rgb(116, 113, 113)"
  star_color="#FBBC05"
  show_reviewer_avatar= true
  show_reviewer_name_detail= true
  show_review_date= true
  show_verified_badge= true
  show_review_photos= true
  show_leave_review_button= true
  button_color= "#FFFFFF"
  button_background= "#4285F4"
  max_line_review_content= 4
  show_business_summary_rating=true
  show_business_summary_total_review=true
  business_summary_color= "#3A454F"
  business_summary_background= "#FFFFFF"
  show_business_summary= true
  location=bottom
  alignment=center
  show_close_button=true
  show_business_summary_summary_rating=true
  popup_background_color="#FFFFFF"
  popup_text_color="#3A454F"
  bussiness_summary_rating_text='Excellent'
  show_liked_review=true
  ></div>
</div>

--Anchor slider1
<div class="agrs__widget">
  <div class="agrs__holder anchor__slider1"
  card_background_color="rgb(241, 241, 241)"
  card_text_color="rgb(116, 113, 113)"
  star_color="#FBBC05"
  location=bottom
  alignment=center
  show_close_button=true
  auto_scroll=true
  slide_delay=3
  rounded_corners=8
  ></div>
</div>

--Anchor slider2
<div class="agrs__widget">
  <div class="agrs__holder anchor__slider2"
  card_background_color="rgb(241, 241, 241)"
  card_text_color="rgb(116, 113, 113)"
  star_color="#FBBC05"
  location=bottom
  alignment=center
  show_close_button=true
  auto_scroll=true
  slide_delay=3
  rounded_corners=8
  ></div>
</div>

--Anchor vertical
<div class="agrs__widget">
  <div class="agrs__holder anchor__vertical"
  location=bottom
  alignment=center
  show_close_button=true
  card_background_color="rgb(241, 241, 241)"
  card_text_color="rgb(116, 113, 113)"
  star_color="#FBBC05"
  rounded_corners=8
  ></div>
</div>