{"id":9508,"date":"2023-01-12T20:21:46","date_gmt":"2023-01-12T20:21:46","guid":{"rendered":"https:\/\/help.fromdoppler.com\/es\/?p=9508"},"modified":"2024-10-23T14:19:59","modified_gmt":"2024-10-23T14:19:59","slug":"jumpseller-guia-paso-a-paso-para-la-integracion","status":"publish","type":"post","link":"https:\/\/help.fromdoppler.com\/en\/jumpseller-step-by-step-guide-to-integration\/","title":{"rendered":"Jumpseller: step-by-step guide to integration"},"content":{"rendered":"

Through this e-commerce platform you will be able to sell your products or services and with the advantage offered by its link with various channels such as Facebook, Instagram and Google Shopping, it allows you to publish and disseminate your business more easily. If you want to know much more about how to integrate your <\/span>Doppler<\/span><\/a> account with Jumpseller, you can read it in <\/span>the following article.<\/span><\/a><\/p>\n

In this case, we will see the step by step to integrate both platforms through<\/span> OAuth2<\/b>. First, it’s important to clarify that <\/span>OAuth2<\/b> provides clients with secure delegated access to server resources on behalf of a resource owner. It is the industry standard protocol for authorization.<\/span><\/p>\n

Your customer ID is used to request a code and then exchange this code for an access token and a refresh token. By default, the access token expires in 1 hour. The main idea is protection, since the attacker has a limited window to abuse it.<\/span><\/p>\n

How to integrate<\/b><\/h2>\n

Now let’s see how it can be done step by step from your Doppler account:<\/span><\/p>\n

1- First, enter your Doppler account and from the main menu, select the “Integrations” option.\u00a0<\/span><\/p>\n

\"\"<\/p>\n

2- Now click on the Jumpseller option, then enter your data to advance and click the “Connect” button.<\/span><\/p>\n

\"\"<\/p>\n

3- You will be redirected to a pop-up to enter your Jumpseller account data.<\/span><\/p>\n

\"\"<\/p>\n

 <\/p>\n

4- Next, you must authorize the connection of both applications.<\/span><\/p>\n

\"\"<\/p>\n

If the connection was successful, you will see the information on the screen. By clicking on the <\/span>\u201cDisconnect\u201d<\/b> button you can unlink both accounts. The synchronized information will be kept (in case you have done steps 5 and 6), but no new clients will enter <\/span>Doppler<\/b>.<\/span><\/p>\n

\"\"<\/p>\n

5- Now you must select a Doppler List to which to send the information of your clients. Doppler will automatically create a List called <\/span>“Jumpseller Customers”<\/b>. After selecting it, continue with <\/span>\u201cNext\u201d<\/b>.<\/span><\/p>\n

\"\"<\/p>\n

We call customers those visitors to your Online Store who have an account with it, regardless of whether they purchased or not.<\/span><\/p>\n

6- To finish sending information from Jumpseller to Doppler, you must perform the mapping of Fields.<\/span><\/p>\n

On the left you will see the information fields about your clients that you have in Jumpseller; on the right you can display the list of Doppler Fields and select one, or leave the default Fields. To finish, click on \u201cSync\u201d.<\/span><\/p>\n

\"\"<\/p>\n

Ready! You already have the information of your clients stored in Doppler. If you wanted you could edit the mapped Fields, or directly delete the mapping.<\/span><\/p>\n

\"\"<\/p>\n

Now we will show you how to import the products of your Store in Doppler Templates, to later create a Promotion Campaign.<\/span><\/p>\n

How to import the products of your Store in Doppler Templates<\/h2>\n

1 –<\/strong> Go to the “Templates”<\/strong> section<\/strong> of your Doppler account and choose “Create Template”<\/strong>.<\/p>\n

\"\"<\/p>\n

2 –<\/strong> Choose a pre-designed Template to edit it, or a blank one to design it from scratch<\/strong> to your liking. Remember that they are grouped by categories <\/strong>and\u00a0you can review them and choose the one you want.<\/p>\n

\"\"<\/p>\n

3 –<\/strong> Once you select the Template to edit, you must drag and drop a Product Item<\/strong>, and then insert them into your Template and display them in your Campaign.<\/p>\n

You can choose to display up to three products per column<\/strong>, and in the case of displaying one, if you want the text to be to the right of the image or below (these are the first four items<\/strong> shown in the Products category).<\/p>\n

\"\"<\/p>\n

4 –<\/strong> After dragging and dropping the chosen item on the canvas, in the left column select “Edit”<\/strong>. The list of the items you have loaded in your Store will be displayed. Choose the ones you want to include in your Campaign and then click on the “Select”<\/strong> button on the bottom right margin.<\/p>\n

\"\"<\/p>\n

Note: in the product search, those products that are no longer marketed in the store will appear without the image and with the tag [DISABLED] in the description.<\/p>\n

\"\"<\/p>\n

Good job! Your product information<\/strong> will be displayed and the link to the product<\/strong> in the Store will be automatically added to the Buy button.<\/p>\n

Once you have edited the Template, you can create a Campaign and send it to your customers.<\/p>\n

How to include classic and pop-up forms<\/h2>\n

Forms are a very useful tool to obtain customer data, generate contacts and add them to email campaigns. The integration of Doppler and Jumpseller allows two types of forms<\/strong>: the classic<\/strong> form that is inserted in a fixed page of the store, and the pop-up<\/strong> form that appears according to the preferences that are configured.<\/p>\n

This integration is achieved by copying the form code generated in Doppler and pasting it in a specific place in the Jumpseller administrator. Let’s see.<\/p>\n

1 –<\/strong> To get the code from Doppler<\/strong>, complete the steps in this help<\/a>. The article explains how to get the code from new or existing forms.<\/p>\n

2 –<\/strong> Login to your Jumpseller admin and follow this path: “Themes” > “Visual Editor”<\/strong>.<\/p>\n

\"\"<\/p>\n

3 –<\/strong> In the “General Settings” menu, you must choose “Edit settings”<\/strong>.<\/p>\n

 <\/p>\n

\"\"<\/p>\n

4 –<\/strong> The “Edit Options” submenu will open. Scroll down to the bottom and drop down “Other options”<\/strong>.<\/p>\n

\"\"<\/p>\n

5 –<\/strong> This is the key place where you include the code for your form. There are two spaces reserved for the code, and they are the ones under the prompts “Embed code on the end of <head>” and “Embed code on the end of <body>”. The one that says “<head>” is the space for the code of a pop-up form, while the one that says “<body>” is for a classic form<\/strong>. Place your code in the corresponding one.<\/p>\n

\"\"<\/p>\n

6 –<\/strong> Once the code is inserted, you will see your form in the preview. You will find it in the first scroll of the page in the case of the pop-up or at the end as in this case of the classic form. Confirm the change with the “Save” button.<\/strong><\/p>\n

\"\"<\/p>\n

You are done! You will see the changes in your store.<\/p>\n

How to automate “Abandoned Cart” and “Product Visited” in Jumpseller<\/h2>\n

There are two must-have automations to attract to your store those visitors who abandoned their product cart, or who viewed one or several specific items, but did not initiate the purchase. In the following articles, you will find:<\/p>\n