Skip to content

Commit 8fbbf8e

Browse files
bacarvalhobacarvalho
authored
Merge pull request #680 from mercadopago/feature/fix-vtex-fingerprint
[FIX] VTEX Device Fingerprint
2 parents 02a9608 + 19cea3d commit 8fbbf8e

File tree

2 files changed

+71
-111
lines changed

2 files changed

+71
-111
lines changed

‎guides/plugins/unofficial/vtex.en.md

Lines changed: 29 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818

1919
[VTEX](https://www.vtex.com/en/) is a robust PCI compliance e-commerce platform based in Brazil with operations all around Latin America that provides the capability to process payments through Mercado Pago.
2020

21-
For further information about VTEX features please check it's [support site](help.vtex.com).
21+
For further information about VTEX features please check it's [support site](https://help.vtex.com).
2222

2323
## Which products of Mercado Pago are available in VTEX?
2424

@@ -302,7 +302,7 @@ In case of a rejection is important to check `Status_detail` field which specifi
302302

303303
[VTEX](https://www.vtex.com/en/) is a robust PCI compliance e-commerce platform based in Brazil with operations all around Latin America that provides the capability to process payments through Mercado Pago.
304304

305-
For further information about VTEX features please check it's [support site](help.vtex.com).
305+
For further information about VTEX features please check it's [support site](https://help.vtex.com).
306306

307307
## Which products of Mercado Pago are available in VTEX?
308308

@@ -503,20 +503,16 @@ Uruguay: Oca.
503503
6. Copy and paste the following code, replacing the field `publicKey` with your credentials:
504504

505505
```
506-
var dmlscript = document.createElement("script");
507-
dmlscript.src = "https://http2.mlstatic.com/storage/bmsdk/js/dml-0.0.7.min.js";
508-
dmlscript.onload = () => {
509-
new DMLSDK({
510-
publicKey: "APP_USR-aaaaaaaa-bbbb-cccc-dddd-eeeeeeeeeeee",
511-
out: "vtex.deviceFingerprint"
512-
});
513-
}
514-
document.body.appendChild(dmlscript);
506+
var script = document.createElement("script");
507+
script.src = "https://www.mercadopago.com/v2/security.js";
508+
script.setAttribute("output","vtex.deviceFingerprint");
509+
script.setAttribute("view","checkout");
510+
document.body.appendChild(script);
515511
```
516512

517513
7. Select "save", the final result should look like the example:
518514

519-
![Custom plan](/images/vtex-device-settings-3.png)
515+
![Setting deviceid in VTEX](/images/vtex/vtex_deviceid_6.gif)
520516

521517
## Credentials
522518

@@ -570,7 +566,7 @@ In case of a rejection is important to check `Status_detail` field which specifi
570566

571567
[VTEX](https://www.vtex.com/en/) is a robust PCI compliance e-commerce platform based in Brazil with operations all around Latin America that provides the capability to process payments through Mercado Pago.
572568

573-
For further information about VTEX features please check it's [support site](help.vtex.com).
569+
For further information about VTEX features please check it's [support site](https://help.vtex.com).
574570

575571
## Which products of Mercado Pago are available in VTEX?
576572

@@ -766,20 +762,16 @@ Uruguay: Oca.
766762
6. Copy and paste the following code, replacing the field `publicKey` with your credentials:
767763

768764
```
769-
var dmlscript = document.createElement("script");
770-
dmlscript.src = "https://http2.mlstatic.com/storage/bmsdk/js/dml-0.0.7.min.js";
771-
dmlscript.onload = () => {
772-
new DMLSDK({
773-
publicKey: "APP_USR-aaaaaaaa-bbbb-cccc-dddd-eeeeeeeeeeee",
774-
out: "vtex.deviceFingerprint"
775-
});
776-
}
777-
document.body.appendChild(dmlscript);
765+
var script = document.createElement("script");
766+
script.src = "https://www.mercadopago.com/v2/security.js";
767+
script.setAttribute("output","vtex.deviceFingerprint");
768+
script.setAttribute("view","checkout");
769+
document.body.appendChild(script);
778770
```
779771

780772
7. Select "save", the final result should look like the example:
781773

782-
![Custom plan](/images/vtex-device-settings-3.png)
774+
![Setting deviceid in VTEX](/images/vtex/vtex_deviceid_6.gif)
783775

784776
## Credentials
785777

@@ -832,7 +824,7 @@ In case of a rejection is important to check `Status_detail` field which specifi
832824

833825
[VTEX](https://www.vtex.com/en/) is a robust PCI compliance e-commerce platform based in Brazil with operations all around Latin America that provides the capability to process payments through Mercado Pago.
834826

835-
For further information about VTEX features please check it's [support site](help.vtex.com).
827+
For further information about VTEX features please check it's [support site](https://help.vtex.com).
836828

837829
## Which products of Mercado Pago are available in VTEX?
838830

@@ -1029,20 +1021,16 @@ Uruguay: Oca.
10291021
6. Copy and paste the following code, replacing the field `publicKey` with your credentials:
10301022

10311023
```
1032-
var dmlscript = document.createElement("script");
1033-
dmlscript.src = "https://http2.mlstatic.com/storage/bmsdk/js/dml-0.0.7.min.js";
1034-
dmlscript.onload = () => {
1035-
new DMLSDK({
1036-
publicKey: "APP_USR-aaaaaaaa-bbbb-cccc-dddd-eeeeeeeeeeee",
1037-
out: "vtex.deviceFingerprint"
1038-
});
1039-
}
1040-
document.body.appendChild(dmlscript);
1024+
var script = document.createElement("script");
1025+
script.src = "https://www.mercadopago.com/v2/security.js";
1026+
script.setAttribute("output","vtex.deviceFingerprint");
1027+
script.setAttribute("view","checkout");
1028+
document.body.appendChild(script);
10411029
```
10421030

10431031
7. Select "save", the final result should look like the example:
10441032

1045-
![Custom plan](/images/vtex-device-settings-3.png)
1033+
![Setting deviceid in VTEX](/images/vtex/vtex_deviceid_6.gif)
10461034

10471035
## Credentials
10481036

@@ -1096,7 +1084,7 @@ In case of a rejection is important to check `Status_detail` field which specifi
10961084

10971085
[VTEX](https://www.vtex.com/en/) is a robust PCI compliance e-commerce platform based in Brazil with operations all around Latin America that provides the capability to process payments through Mercado Pago.
10981086

1099-
For further information about VTEX features please check it's [support site](help.vtex.com).
1087+
For further information about VTEX features please check it's [support site](https://help.vtex.com).
11001088

11011089
## Which products of Mercado Pago are available in VTEX?
11021090

@@ -1286,20 +1274,16 @@ Uruguay: Oca.
12861274
6. Copy and paste the following code, replacing the field `publicKey` with your credentials:
12871275

12881276
```
1289-
var dmlscript = document.createElement("script");
1290-
dmlscript.src = "https://http2.mlstatic.com/storage/bmsdk/js/dml-0.0.7.min.js";
1291-
dmlscript.onload = () => {
1292-
new DMLSDK({
1293-
publicKey: "APP_USR-aaaaaaaa-bbbb-cccc-dddd-eeeeeeeeeeee",
1294-
out: "vtex.deviceFingerprint"
1295-
});
1296-
}
1297-
document.body.appendChild(dmlscript);
1277+
var script = document.createElement("script");
1278+
script.src = "https://www.mercadopago.com/v2/security.js";
1279+
script.setAttribute("output","vtex.deviceFingerprint");
1280+
script.setAttribute("view","checkout");
1281+
document.body.appendChild(script);
12981282
```
12991283

13001284
7. Select "save", the final result should look like the example:
13011285

1302-
![Custom plan](/images/vtex-device-settings-3.png)
1286+
![Setting deviceid in VTEX](/images/vtex/vtex_deviceid_6.gif)
13031287

13041288
## Credentials
13051289

‎guides/plugins/unofficial/vtex.es.md

Lines changed: 42 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818

1919
[VTEX](https://www.vtex.com/es/) es una potente plataforma de e-commerce PCI compliance basada en Brasil con operación en toda latinoamérica que permite procesar pagos a traves de Mercado Pago
2020

21-
Para obtener mayor información sobre las posibilidades que VTEX ofrece ingresar a [su sitio de ayuda] (help.vtex.com/es).
21+
Para obtener mayor información sobre las posibilidades que VTEX ofrece ingresar a [su sitio de ayuda](https://help.vtex.com/es).
2222

2323
## ¿Cómo puedo operar con Mercado Pago en VTEX?
2424

@@ -266,20 +266,16 @@ Luego de configurar la afiliación es necesario agregar el plan de pago
266266
6. Copiar y pegar el siguiente código, reemplazando el campo `publicKey` según corresponda:
267267

268268
```
269-
var dmlscript = document.createElement("script");
270-
dmlscript.src = "https://http2.mlstatic.com/storage/bmsdk/js/dml-0.0.7.min.js";
271-
dmlscript.onload = () => {
272-
new DMLSDK({
273-
publicKey: "APP_USR-aaaaaaaa-bbbb-cccc-dddd-eeeeeeeeeeee",
274-
out: "vtex.deviceFingerprint"
275-
});
276-
}
277-
document.body.appendChild(dmlscript);
269+
var script = document.createElement("script");
270+
script.src = "https://www.mercadopago.com/v2/security.js";
271+
script.setAttribute("output","vtex.deviceFingerprint");
272+
script.setAttribute("view","checkout");
273+
document.body.appendChild(script);
278274
```
279275

280276
7. Seleccionar "guardar", el resultado final debe verse como la pantalla de ejempo:
281277

282-
![Custom plan](/images/vtex-device-settings-3.png)
278+
![Setting deviceid in VTEX](/images/vtex/vtex_deviceid_6.gif)
283279

284280

285281
## Interpretar log de VTEX
@@ -326,7 +322,7 @@ Para ver más detalle de los estados posibles de un pago, ver sección de [posib
326322

327323
[VTEX](https://www.vtex.com/es/) es una potente plataforma de e-commerce PCI compliance basada en Brasil con operación en toda latinoamérica que permite procesar pagos a traves de Mercado Pago
328324

329-
Para obtener mayor información sobre las posibilidades que VTEX ofrece ingresar a [su sitio de ayuda] (help.vtex.com/es).
325+
Para obtener mayor información sobre las posibilidades que VTEX ofrece ingresar a [su sitio de ayuda](https://help.vtex.com/es).
330326

331327
## ¿Cómo puedo operar con Mercado Pago en VTEX?
332328

@@ -623,20 +619,16 @@ Luego de configurar la afiliación es necesario agregar el plan de pago:
623619
6. Copiar y pegar el siguiente código, reemplazando el campo `publicKey` según corresponda:
624620

625621
```
626-
var dmlscript = document.createElement("script");
627-
dmlscript.src = "https://http2.mlstatic.com/storage/bmsdk/js/dml-0.0.7.min.js";
628-
dmlscript.onload = () => {
629-
new DMLSDK({
630-
publicKey: "APP_USR-aaaaaaaa-bbbb-cccc-dddd-eeeeeeeeeeee",
631-
out: "vtex.deviceFingerprint"
632-
});
633-
}
634-
document.body.appendChild(dmlscript);
622+
var script = document.createElement("script");
623+
script.src = "https://www.mercadopago.com/v2/security.js";
624+
script.setAttribute("output","vtex.deviceFingerprint");
625+
script.setAttribute("view","checkout");
626+
document.body.appendChild(script);
635627
```
636628

637629
7. Seleccionar "guardar", el resultado final debe verse como la pantalla de ejempo:
638630

639-
![Custom plan](/images/vtex-device-settings-3.png)
631+
![Setting deviceid in VTEX](/images/vtex/vtex_deviceid_6.gif)
640632

641633

642634
## Interpretar log de VTEX
@@ -684,7 +676,7 @@ Para ver más detalle de los estados posibles de un pago, ver sección de [posib
684676

685677
[VTEX](https://www.vtex.com/es/) es una potente plataforma de e-commerce PCI compliance basada en Brasil con operación en toda latinoamérica que permite procesar pagos a traves de Mercado Pago
686678

687-
Para obtener mayor información sobre las posibilidades que VTEX ofrece ingresar a [su sitio de ayuda] (help.vtex.com/es).
679+
Para obtener mayor información sobre las posibilidades que VTEX ofrece ingresar a [su sitio de ayuda](https://help.vtex.com/es).
688680

689681
## ¿Cómo puedo operar con Mercado Pago en VTEX?
690682

@@ -974,20 +966,16 @@ Luego de configurar la afiliación es necesario agregar el plan de pago:
974966
6. Copiar y pegar el siguiente código, reemplazando el campo `publicKey` según corresponda:
975967

976968
```
977-
var dmlscript = document.createElement("script");
978-
dmlscript.src = "https://http2.mlstatic.com/storage/bmsdk/js/dml-0.0.7.min.js";
979-
dmlscript.onload = () => {
980-
new DMLSDK({
981-
publicKey: "APP_USR-aaaaaaaa-bbbb-cccc-dddd-eeeeeeeeeeee",
982-
out: "vtex.deviceFingerprint"
983-
});
984-
}
985-
document.body.appendChild(dmlscript);
969+
var script = document.createElement("script");
970+
script.src = "https://www.mercadopago.com/v2/security.js";
971+
script.setAttribute("output","vtex.deviceFingerprint");
972+
script.setAttribute("view","checkout");
973+
document.body.appendChild(script);
986974
```
987975

988976
7. Seleccionar "guardar", el resultado final debe verse como la pantalla de ejempo:
989977

990-
![Custom plan](/images/vtex-device-settings-3.png)
978+
![Setting deviceid in VTEX](/images/vtex/vtex_deviceid_6.gif)
991979

992980

993981
## Interpretar log de VTEX
@@ -1034,7 +1022,7 @@ Para ver más detalle de los estados posibles de un pago, ver sección de [posib
10341022

10351023
[VTEX](https://www.vtex.com/es/) es una potente plataforma de e-commerce PCI compliance basada en Brasil con operación en toda latinoamérica que permite procesar pagos a traves de Mercado Pago
10361024

1037-
Para obtener mayor información sobre las posibilidades que VTEX ofrece ingresar a [su sitio de ayuda] (help.vtex.com/es).
1025+
Para obtener mayor información sobre las posibilidades que VTEX ofrece ingresar a [su sitio de ayuda](https://help.vtex.com/es).
10381026

10391027
## ¿Cómo puedo operar con Mercado Pago en VTEX?
10401028

@@ -1211,20 +1199,16 @@ Uruguay: Oca.
12111199
6. Copiar y pegar el siguiente código, reemplazando el campo `publicKey` según corresponda:
12121200

12131201
```
1214-
var dmlscript = document.createElement("script");
1215-
dmlscript.src = "https://http2.mlstatic.com/storage/bmsdk/js/dml-0.0.7.min.js";
1216-
dmlscript.onload = () => {
1217-
new DMLSDK({
1218-
publicKey: "APP_USR-aaaaaaaa-bbbb-cccc-dddd-eeeeeeeeeeee",
1219-
out: "vtex.deviceFingerprint"
1220-
});
1221-
}
1222-
document.body.appendChild(dmlscript);
1202+
var script = document.createElement("script");
1203+
script.src = "https://www.mercadopago.com/v2/security.js";
1204+
script.setAttribute("output","vtex.deviceFingerprint");
1205+
script.setAttribute("view","checkout");
1206+
document.body.appendChild(script);
12231207
```
12241208

12251209
7. Seleccionar "guardar", el resultado final debe verse como la pantalla de ejempo:
12261210

1227-
![Custom plan](/images/vtex-device-settings-3.png)
1211+
![Setting deviceid in VTEX](/images/vtex/vtex_deviceid_6.gif)
12281212

12291213

12301214
## Interpretar log de VTEX
@@ -1271,7 +1255,7 @@ Para ver más detalle de los estados posibles de un pago, ver sección de [posib
12711255

12721256
[VTEX](https://www.vtex.com/es/) es una potente plataforma de e-commerce PCI compliance basada en Brasil con operación en toda latinoamérica que permite procesar pagos a traves de Mercado Pago
12731257

1274-
Para obtener mayor información sobre las posibilidades que VTEX ofrece ingresar a [su sitio de ayuda] (help.vtex.com/es).
1258+
Para obtener mayor información sobre las posibilidades que VTEX ofrece ingresar a [su sitio de ayuda](https://help.vtex.com/es).
12751259

12761260
## ¿Cómo puedo operar con Mercado Pago en VTEX?
12771261

@@ -1560,20 +1544,16 @@ Luego de configurar la afiliación es necesario agregar el plan de pago:
15601544
6. Copiar y pegar el siguiente código, reemplazando el campo `publicKey` según corresponda:
15611545

15621546
```
1563-
var dmlscript = document.createElement("script");
1564-
dmlscript.src = "https://http2.mlstatic.com/storage/bmsdk/js/dml-0.0.7.min.js";
1565-
dmlscript.onload = () => {
1566-
new DMLSDK({
1567-
publicKey: "APP_USR-aaaaaaaa-bbbb-cccc-dddd-eeeeeeeeeeee",
1568-
out: "vtex.deviceFingerprint"
1569-
});
1570-
}
1571-
document.body.appendChild(dmlscript);
1547+
var script = document.createElement("script");
1548+
script.src = "https://www.mercadopago.com/v2/security.js";
1549+
script.setAttribute("output","vtex.deviceFingerprint");
1550+
script.setAttribute("view","checkout");
1551+
document.body.appendChild(script);
15721552
```
15731553

15741554
7. Seleccionar "guardar", el resultado final debe verse como la pantalla de ejempo:
15751555

1576-
![Custom plan](/images/vtex-device-settings-3.png)
1556+
![Setting deviceid in VTEX](/images/vtex/vtex_deviceid_6.gif)
15771557

15781558

15791559
## Interpretar log de VTEX
@@ -1621,7 +1601,7 @@ Para ver más detalle de los estados posibles de un pago, ver sección de [posib
16211601

16221602
[VTEX](https://www.vtex.com/es/) es una potente plataforma de e-commerce PCI compliance basada en Brasil con operación en toda latinoamérica que permite procesar pagos a traves de Mercado Pago
16231603

1624-
Para obtener mayor información sobre las posibilidades que VTEX ofrece ingresar a [su sitio de ayuda] (help.vtex.com/es).
1604+
Para obtener mayor información sobre las posibilidades que VTEX ofrece ingresar a [su sitio de ayuda](https://help.vtex.com/es).
16251605

16261606
## ¿Cómo puedo operar con Mercado Pago en VTEX?
16271607

@@ -1823,20 +1803,16 @@ Luego de configurar la afiliación es necesario agregar el plan de pago
18231803
6. Copiar y pegar el siguiente código, reemplazando el campo `publicKey` según corresponda:
18241804

18251805
```
1826-
var dmlscript = document.createElement("script");
1827-
dmlscript.src = "https://http2.mlstatic.com/storage/bmsdk/js/dml-0.0.7.min.js";
1828-
dmlscript.onload = () => {
1829-
new DMLSDK({
1830-
publicKey: "APP_USR-aaaaaaaa-bbbb-cccc-dddd-eeeeeeeeeeee",
1831-
out: "vtex.deviceFingerprint"
1832-
});
1833-
}
1834-
document.body.appendChild(dmlscript);
1806+
var script = document.createElement("script");
1807+
script.src = "https://www.mercadopago.com/v2/security.js";
1808+
script.setAttribute("output","vtex.deviceFingerprint");
1809+
script.setAttribute("view","checkout");
1810+
document.body.appendChild(script);
18351811
```
18361812

18371813
7. Seleccionar "guardar", el resultado final debe verse como la pantalla de ejempo:
18381814

1839-
![Custom plan](/images/vtex-device-settings-3.png)
1815+
![Setting deviceid in VTEX](/images/vtex/vtex_deviceid_6.gif)
18401816

18411817

18421818
## Interpretar log de VTEX

0 commit comments

Comments
 (0)