-
Notifications
You must be signed in to change notification settings - Fork 18
/
index.html.md.erb
113 lines (72 loc) · 3.98 KB
/
index.html.md.erb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
---
title: partner_badge
---
<%= partial 'partials/page_locales' %>
# Partner Badge <%= edit_link %>
"Partner Badge" acts as mark of trust and a quality indicator powered by <%= settings.site_name.capitalize %>.
<%= partial 'partials/toc' %>
## How It Looks
### Floating
##### Available Themes
<div class="partner-badge-themes-preview floating-badge-themes-preview">
<%= image_tag "/assets/images/#{flavor}/partner_badge/floating_black.png" %>
<%= image_tag "/assets/images/#{flavor}/partner_badge/floating_orange.png" %>
<%= image_tag "/assets/images/#{flavor}/partner_badge/floating_white.png" %>
</div>
##### Preview
<%= image_tag "/assets/images/#{flavor}/partner_badge/floating_preview.gif", class: 'partner-badge-preview' %>
### Embedded
##### Available Themes
<div class="partner-badge-themes-preview embedded-badge-themes-preview">
<%= image_tag "/assets/images/#{flavor}/partner_badge/embedded_black.png" %>
<%= image_tag "/assets/images/#{flavor}/partner_badge/embedded_white.png" %>
</div>
##### Preview
<%= image_tag "/assets/images/#{flavor}/partner_badge/embedded_preview.gif", class: 'partner-badge-preview' %>
## How It Works
The "<%= settings.site_name.capitalize %> Partner Badge" is displayed on your website, providing shop-related
<%= settings.site_name.capitalize %> content upon click.
- Acts as a **mark of trust** provided by <%= settings.site_name.capitalize %>, further increasing the shop's
credibility.
- Users will have **direct access** to shop-related <%= settings.site_name.capitalize %> content,
such as rating, strong points, and user reviews.
#### Partner Badge comes in two flavors:
##### Floating
"Partner Badge" is placed on a fixed position on the screen.
##### Embedded
"Partner Badge" is placed on a static position of your choice and has the following dimensions: `width: 150px, height: 65px`
## Integration
"Partner Badge" requires to have [Analytics](/analytics) integrated into your store properly.
**Additionally**, *embedded* "Partner Badge" requires the presence of the following HTML element on your e-shop's pages:
~~~ html
<div id="sa-badge-embedded-plugin"></div>
~~~
### Technical Requirements
Badge Display Type | [Analytics Integration](/analytics) | Extra HTML element required
------------------ | -------------------------------------------- | ---------------------------
*Embedded* | <i class="fa fa-check"></i> | <i class="fa fa-check"></i> `<div id="sa-badge-embedded-plugin"></div>`
*Floating* | <i class="fa fa-check"></i> | <i class="fa fa-times"></i>
#### When Badge is displayed
"<%= settings.site_name.capitalize %> Partner Badge" is displayed, automatically, on every
[Analytics tracker object initialization](/analytics/settings/#connect).
## Settings
"<%= settings.site_name.capitalize %> Partner Badge" service's configuration is **only** available through
[Merchants control panel](https://<%= settings.merchants_domain %>/services/partner_badge/).
> ##### Note
> In order to configure "Partner Badge" service you need to have access to
[Merchants control panel](https://<%= settings.merchants_domain %>).
>
> **Please contact the shop owner in order to change the configuration.**
##### Available Settings
Name | Default | Available Options | Description
------------- | ------------ | -------------------------- | -----------
`display` | Floating | Floating, Embedded | Badge type of display
##### Display: Floating
Name | Default | Available Options | Description
------------- | ------------ | -------------------------- | -----------
`position` | Bottom Right | Bottom Left, Bottom Right | Badge position on screen
`theme` | Black | Black, Orange, White | Badge Theme
##### Display: Embedded
Name | Default | Available Options | Description
------------- | ------------ | -------------------------- | -----------
`theme` | Black | Black, White | Badge Theme