Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

...

Navigate to: Promotion > Social media in admin panel of your website.

Image Added

Description

This section is required if you want to place social media widgets, links and Like buttons on your website. You can put them either on the homepage or on the item page.

Тут скрин главной

Homepage

Widgets

How to enable social media section

 

You should turn on social media widgets if you want to show them on the homepage. 

Select “Social media section” and click dashed blue underlined text next to it.

 Image Added

Click dropdown arrow on the right to display dropdown list.

 Image Added

Select whether you want social media section to be shown or hidden.

 Image Added

Click checkmark button to save.

 Image Added

Modifications will be visible on website after saving.

Тут скрин главной стр

Likes in VKontakte’s

Settings on VKontakte website

Navigate to “Help” “Managed apps” section on VKontakte website.  

Image Added

Click “For developers” “Developers” link at page bottom.

 Image Added

Go to “Authorization and Widgets for Sites” “Share Links” section:

 Image Added

Select “Like” in “Widgets for Sites” section“Page whith a Button”:

 

Select “Add new site” option in “Site/Application” field (the field can be missing):

 

Fill in “Site name” and “Site URL” fields.

 

“Site domain” field is auto filled once website URL has been specified.

 

Selecting a site topic is optional.

 

Click ”Save” button.

 

Choose “Button Layout” and enter “Button Height” and “Button name”. You’ll see a preview at page bottom when switching between options.

 

In our example we’ve selected the last option for “Button Layout”, 20 as “Button Height” and we’ve left the name unchanged.

 

Image Added

Select “Style” a Button:

Image Added

Clicking “Embedding Code” field results in its content being highlighted in blue .(or use the “Ctrl+A” keyboard)

Image Added 

Right-Click highlighted area and select “Copy” option in the menu that appears (or use the “Ctrl+C” keyboard shortcut). 

That’s done! The code has been received. Then you should navigate to admin panel.

...

Select “Vkontakte’s Like” in admin panel and click dashed underlined text:

 Image Added

Paste embedding code (that you’ve got according to the instructions above) in the textbox field that appears:

 Image Added

Save changes by clicking checkmark button.

Image Added

Likes in Facebook

Please follow detailed instructions on the Facebook website: https://developers.facebook.com/docs/plugins/like-button to create “Facebook Like” button.

Image Added

 Image Added

Do the following once you’ve got the code: 

Click dashed grey underlined text “Empty”.

 Image Added

Paste the code you’ve received in textbox field that appears:

 Image Added

Be sure to click check mark button to save your changes.

Image Added

Likes in Twitter

Navigate to https://about.twitter.com/resources/buttons to add “Twitter Like” button.

Image Added

 

Select buttons you need and fill out the form that shows up.

 Image Added

Code for website will appear on the right-hand column once setup is complete. Please copy it.

 Image Added

Click dashed grey underlined text “Empty” in admin panel.

 Image Added

Paste the code you’ve copied when creating the button in the textbox field that appears:

 Image Added

Be sure to click check mark button to save your changes.

Image Added

Likes in Odnoklassniki

...

 

Click “For developers” https://ok.ru/ Click “API” link at the bottom of page.

Image Added

Image Added

 

Select “OK for sites”, then “Like /Share button”.

Image Added

  1. Enter your website URL in “Use fixed url” Use current URL on users pagefield.
  2. Select button size, form, counter placement and text on the button.
    Image Added
  3. “Text” and “Counter” can be hidden by unchecking the appropriate boxes.
    Image Added
  4. Preview is displayed in “Result” area of page.

Grab HTML code for your new button once setup is complete.

 Image Added

Click dashed grey underlined text “Empty” in admin panel.

 Image Added

Paste the code you’ve copied when creating the button in the textbox field that appears:

 Image Added

Be sure to click check mark button to save your changes.

 Image Added

Widget in place of banner in a column

...

  1. Replace the default link with the link to your VKontakte’s group.
  2. Select layout.
  3. Specify the widget width and colors.

 Image Added

Preview is available at page bottom.

 Image Added

We do not recommend changing colors even in case they don’t match your website design – everyone gets accustomed to such look and any changes made can cause confusion.

 Image Added

Next, you should copy the generated code.

 Image Added

Click dashed grey underlined text “Empty” in admin panel.

 Image Added

Paste the code you’ve copied when creating the button in the textbox field that appears:

 Image Added

Be sure to click check mark button to save your changes.

 Image Added

Vkontakte group

First, you should open your page (group) on VKontakte website and copy the URL in address bar.

 Image Added

Next, click dashed grey underlined text “Empty” in admin panel.

 Image Added

Paste the URL you’ve copied in textbox field that appears:

 Image Added

Be sure to click check mark button to save your changes.

Image Added

Facebook

First, you should open your page (group) on Facebook website and copy the URL in the address bar.

 Image Added

Next, click dashed grey underlined text “Empty” in admin panel.

 Image Added

Paste the URL you’ve copied in the textbox field that appears:

 Image Added

Be sure to click check mark button to save your changes.

Image Added

Twitter

First, you should open your page on the Twitter website and copy the URL in the address bar.

 Image Added

Next, click dashed grey underlined text “Empty” in admin panel.

 Image Added

Paste the URL you’ve copied in the textbox field that appears:

 Image Added

Be sure to click check mark button to save your changes.

 Image Added

Item page

You need to navigate to VKontakte website to place “Share” button on the item page:

Image Added

  1. Go to “Help” section on VKontakte website https://vk.com/dev.
  2. Click “For developers” “Community Messages Widget” link at page bottom.
  3. Navigate to “Authorization and Widgets for Sites” section.
  4. Select “Share”.

Select button style.

 

You can enter any word or word combination in “Text” field.

 

“Link” field can be ignored.

 



Image Added

Image Added

Copy embedding code. 

Click dashed grey underlined text “Empty” in admin panel.

 Image Added

Paste the code you’ve copied when creating the button in the textbox field that appears:

 Image Added

Be sure to click check mark button to save your changes.

 Image Added

Button will appear on the item page after saving.