{"type":"doc","content":[{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"paragraph","content":[{"text":"In order to enable context (e.g. add different prices or links depending on user location or any other context information), you will have to make corresponding changes in your CSV file (the information file you are uploading into your PIM account), as well as in your integration code.","type":"text"}]},{"type":"paragraph","content":[{"text":"How to add context information to the CSV file.","type":"text","marks":[{"type":"link","attrs":{"href":"https://wizart.atlassian.net/wiki/spaces/PIM/pages/edit-v2/1035829267"}}]}]}]},{"type":"paragraph","marks":[{"type":"alignment","attrs":{"align":"center"}}],"content":[{"text":"Adding context information to your integration","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"text":"You need to add certain parameters to your integration code using ","type":"text"},{"type":"inlineCard","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"Wizart Web Visualizer: Integration","versionAtSave":"42"},"url":"https://wizart.atlassian.net/wiki/spaces/WDP/pages/119898148"}},{"text":" :","type":"text"}]},{"type":"mediaSingle","attrs":{"layout":"center"},"content":[{"type":"media","attrs":{"__fileSize":95219,"__fileMimeType":"image/png","width":956,"id":"e2c32c3a-c4ee-43e3-86e3-2b067211849d","collection":"contentId-1726906385","type":"file","__fileName":"pasted image 0.png","height":737}}]},{"type":"paragraph","content":[{"text":"You need to add the following parameter to the piece of the code highlighted on the screenshot above:","type":"text"}]},{"type":"codeBlock","content":[{"text":" + '&context=string","type":"text"}]},{"type":"paragraph","content":[{"text":"The result you are supposed to get:","type":"text"}]},{"type":"codeBlock","content":[{"text":"const fittingRoomEndpoint = server_address\n\n + '/fitting-room'\n\n + '?api_token=' + api_token\n\n + '&bba=true'\n\n + '&context=string\n\n;","type":"text"}]},{"type":"expand","attrs":{"title":"Example"},"content":[{"type":"codeBlock","content":[{"text":"+ '&context=string","type":"text"}]},{"type":"paragraph","content":[{"text":" ","type":"text","marks":[{"type":"em"}]},{"text":"instead of string, you should set your context.","type":"text"}]},{"type":"paragraph","content":[{"text":"For example, before we used Shop A, Shop B (","type":"text"},{"text":"“https://link_to_your_website_1/, ","type":"text","marks":[{"type":"em"}]},{"text":"https://link_to_your_website_2/”)","type":"text","marks":[{"type":"em"},{"type":"link","attrs":{"href":"#"}}]}]},{"type":"paragraph","content":[{"text":"So, instead of string, you should set the following links:","type":"text"}]},{"type":"paragraph","content":[{"text":" + '&context=“https://link_to_your_website_1/, https://link_to_your_website_2/” '","type":"text","marks":[{"type":"em"}]}]},{"type":"paragraph","content":[{"text":"const fittingRoomEndpoint = server_address","type":"text","marks":[{"type":"em"}]}]},{"type":"paragraph","content":[{"text":" + '/fitting-room'","type":"text","marks":[{"type":"em"}]}]},{"type":"paragraph","content":[{"text":" + '?api_token=' + api_token","type":"text","marks":[{"type":"em"}]}]},{"type":"paragraph","content":[{"text":" + '&bba=true'","type":"text","marks":[{"type":"em"}]}]},{"type":"paragraph","content":[{"text":" + '&context=“https://link_to_your_website_1/, https://link_to_your_website_2/” '","type":"text","marks":[{"type":"em"}]}]},{"type":"paragraph","content":[{"text":";","type":"text"}]},{"type":"paragraph"}]},{"type":"paragraph","marks":[{"type":"alignment","attrs":{"align":"center"}}],"content":[{"text":"Adding context when using the iframe method","type":"text","marks":[{"type":"strong"}]}]},{"type":"paragraph","content":[{"type":"hardBreak"},{"text":"For example, you have SiteAB, SiteBC, SiteDE:","type":"text"}]},{"type":"table","attrs":{"layout":"default"},"content":[{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"background":"#f4f5f7","rowspan":1,"colwidth":[226.67]},"content":[{"type":"paragraph","content":[{"text":"Article Context","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"background":"#f4f5f7","rowspan":1,"colwidth":[226.67]},"content":[{"type":"paragraph","content":[{"text":"Article_promotional_price","type":"text","marks":[{"type":"strong"}]}]}]},{"type":"tableCell","attrs":{"colspan":1,"background":"#f4f5f7","rowspan":1,"colwidth":[226.67]},"content":[{"type":"paragraph","content":[{"text":"Name","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[226.67]},"content":[{"type":"paragraph","content":[{"text":"“SiteAB, SiteBC, SiteDE“","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[226.67]},"content":[{"type":"paragraph","content":[{"text":"“50,220,50“","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[226.67]},"content":[{"type":"paragraph","content":[{"text":"Article1","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[226.67]},"content":[{"type":"paragraph","content":[{"text":"“SiteAB, SiteBC“","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[226.67]},"content":[{"type":"paragraph","content":[{"text":"“51,221“","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[226.67]},"content":[{"type":"paragraph","content":[{"text":"Article2","type":"text"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[226.67]},"content":[{"type":"paragraph","content":[{"text":"“SiteAB“","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[226.67]},"content":[{"type":"paragraph","content":[{"text":"“52“","type":"text"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":[226.67]},"content":[{"type":"paragraph","content":[{"text":"Article3","type":"text"}]}]}]}]},{"type":"paragraph"},{"type":"orderedList","attrs":{"order":1},"content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"For this src:","type":"text"},{"type":"hardBreak"},{"text":"https://pim-client.wizart.tech/fitting-room?api_token=your_API_token&en","type":"text","marks":[{"type":"underline"},{"type":"link","attrs":{"href":"https://pim-client.wizart.tech/fitting-room?api_token=your_API_token&en"}}]},{"text":" all products will be displayed.","type":"text","marks":[{"type":"strong"}]}]}]}]},{"type":"codeBlock","content":[{"text":"\n","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"text":"2. For src: ","type":"text"},{"text":"https://pim-client.wizart.tech/fitting-room?api_token=your_API_token&en&context=SiteAB","type":"text","marks":[{"type":"underline"},{"type":"link","attrs":{"href":"https://pim-client.wizart.tech/fitting-room?api_token=your_API_token&en&context=SiteAB"}}]},{"type":"hardBreak"},{"text":"product Article1 (Article_promotional_price = 50), Article2 (Article_promotional_price = 51), Article3 (Article_promotional_price = 52) will be displayed.","type":"text","marks":[{"type":"strong"}]}]},{"type":"codeBlock","content":[{"text":"\n","type":"text"}]},{"type":"paragraph","content":[{"text":"3. For src: ","type":"text"},{"text":"https://pim-client.wizart.tech/fitting-room?api_token=your_API_token&en&context=SiteBC","type":"text","marks":[{"type":"underline"},{"type":"link","attrs":{"href":"https://pim-client.wizart.tech/fitting-room?api_token=your_API_token&en&context=SiteBC"}}]},{"type":"hardBreak"},{"text":"products","type":"text","marks":[{"type":"strong"}]},{"text":" ","type":"text"},{"text":"Article1 (Article_promotional_price = 220), Article2 (Article_promotional_price = 221) will be displayed.","type":"text","marks":[{"type":"strong"}]}]},{"type":"codeBlock","content":[{"text":"\n","type":"text"}]},{"type":"paragraph","content":[{"text":"4. For src: ","type":"text"},{"text":"https://pim-client.wizart.tech/fitting-room?api_token=your_API_token&en&context=SiteDE","type":"text","marks":[{"type":"underline"},{"type":"link","attrs":{"href":"https://pim-client.wizart.tech/fitting-room?api_token=your_API_token&en&context=SiteDE"}}]},{"type":"hardBreak"},{"text":"products","type":"text","marks":[{"type":"strong"}]},{"text":" ","type":"text"},{"text":"Article1 (Article_promotional_price = 50) will be displayed.","type":"text","marks":[{"type":"strong"}]}]},{"type":"codeBlock","content":[{"text":"\n","type":"text"}]},{"type":"paragraph","content":[{"text":"This way you can control the visibility of the products on the website and the prices (any context-sensitive attribute (","type":"text"},{"text":"!if you have any context attribute except Article_context","type":"text","marks":[{"type":"strong"}]},{"text":") for them).","type":"text"}]},{"type":"paragraph"},{"type":"paragraph","marks":[{"type":"alignment","attrs":{"align":"center"}}],"content":[{"text":"Adding context when using ","type":"text","marks":[{"type":"strong"}]},{"text":"Deployment Kit ","type":"text","marks":[{"type":"strong"},{"type":"link","attrs":{"__confluenceMetadata":{"isRenamedTitle":true,"linkType":"page","contentTitle":"[OLD] Deployment Kit for Wizart Web","versionAtSave":"18"},"href":"https://wizart.atlassian.net/wiki/spaces/WDP/pages/457277505"}}]}]},{"type":"expand","attrs":{"title":"Entry point button"},"content":[{"type":"paragraph","content":[{"text":"First, you need to find the parameter “data-parameters” in the code of your button and add the context. For example, you have this code on your site 1 and the same code on site 2:","type":"text"}]},{"type":"codeBlock","content":[{"text":"","type":"text"}]},{"type":"paragraph","content":[{"text":"In “data-parameters” for site 1, you should add: “link_to_your_website_1/” (the same that you added in the CSV file)","type":"text"},{"type":"hardBreak"},{"text":"data-parameters = “link_to_your_website_1/”","type":"text"},{"type":"hardBreak"},{"text":"In “data-parameters” for the site 2, you should add: “link_to_your_website_2/” (the same that you added in CSV file)","type":"text"},{"type":"hardBreak"},{"text":"data-parameters = “link_to_your_website_2/”","type":"text"}]}]},{"type":"expand","attrs":{"title":"Floating button"},"content":[{"type":"paragraph","content":[{"text":"First, you need to find the parameter “data-parameters” in the code of your button and add context.","type":"text"},{"type":"hardBreak"},{"text":"For example, you have this code on your site 1 and the same code on site 2:","type":"text"}]},{"type":"codeBlock","content":[{"text":"","type":"text"}]},{"type":"paragraph","content":[{"text":"In “data-parameters” for site 1, you should add: “link_to_your_website_1/” (the same that you added in the CSV file)","type":"text"},{"type":"hardBreak"},{"text":"data-parameters = “link_to_your_website_1/”","type":"text"},{"type":"hardBreak"},{"text":"In “data-parameters” for the site 2, you should add: “link_to_your_website_2/” (the same that you added in CSV file)","type":"text"},{"type":"hardBreak"},{"text":"data-parameters = “link_to_your_website_2/”","type":"text"}]}]},{"type":"paragraph"},{"type":"paragraph"}],"version":1}

Browser not supported