Mettre en place une section commentaires sur un article de blog. [Webflow x Make]
PH

Petit Hack

Created Sep 22, 2023

Mettre en place une section commentaires sur un article de blog. [Webflow x Make]

37
    w

Webflow

29 Steps
1

Copier la section commentaire de notre template. (attnetion d'inclure les champs cachés, etc.)

Copier la section commentaire de notre template. (attnetion d'inclure les champs cachés, etc.)
2

Ouvrez Logic

On passe par logic pour limiter le nombre de requêtes Make, mais également pour accélérer la création

Ouvrez Logic
3

Click on Flows…

Click on Flows…
4

Click on New flow

Click on New flow
5

Click on Trigger block

Click on Trigger block
6

Click on Select a trigger…

Click on Select a trigger…
7

Click on Add blocks…

Click on Add blocks…
8

Click on Add a block

Click on Add a block
9

Click on Create CMS item

Click on Create CMS item
10

Click on Trigger block

Click on Trigger block
11

Click on Select a form: required

Click on Select a form: required
12

Click on Email Form

Click on Email Form
13

Click on Block 1 - Create CMS item

Click on Block 1 - Create CMS item
14

Click on Collection name: required

Click on Collection name: required
15

Click on Commentaires

Click on Commentaires
16

Click on button

Click on button
17

Click on New flow…

Click on New flow…
18

Click on New flow…

Click on New flow…
19

Click on button

Click on button
20

Click on New flow…

Click on New flow…
21

Click on New flow…

Click on New flow…
22

Click on New flow…

Click on New flow…
23

Click on button

Click on button
24

Click on New flow…

Click on New flow…
25

Click on New flow…

Click on New flow…
26

Click on button

Click on button
27

Click on New flow…

Click on New flow…
28

Click on Publish

Click on Publish
29

Click on Stage flow for publish…

Click on Stage flow for publish…
    e

Petit Hack 🍔 | Make

17 Steps
30

Click on   Change details…

Click on   Change details…
31

Click on Run once…

Click on Run once…
32

Type "webflow"

Type "webflow"
33

Click on Webflow

Click on Webflow
34

Click on Watch EventsINSTANTACID…

Click on Watch EventsINSTANTACID…
35

Click on Create a webhook

Click on Create a webhook
36

Type "Commentaires"

Type "Commentaires"
37

Click on Add

Click on Add
38

Click on Site ID…

Click on Site ID…
39

Type "comme"

Type "comme"
40

Click on highlight

Click on highlight
41

Click on Collection Item Created

Click on Collection Item Created
42

Click on Save

Click on Save
43

Click on OK

Click on OK
44

Click on Run once…

Click on Run once…
45

Click on Webflow

Click on Webflow
46

Click on List Items…

Click on List Items…
    w

Commentaires - Settings - Webflow

2 Steps
47

Click on Edit Articles

Click on Edit Articles
48

Retournez chercher l'id de votre collection dans WEbflow 650da3f135c942680f92377d

Retournez chercher l'id de votre collection dans WEbflow 650da3f135c942680f92377d
    e

Integration Webflow | Make

42 Steps
49

Click on Collection ID

Click on Collection ID
50

Collez l'élément copié dans Webflow

Collez l'élément copié dans Webflow
51

Select 100 (ou plus pour les gros blogs)

Select 100 (ou plus pour les gros blogs)
52

Click on OK

Click on OK
53

Click on Run once…

Click on Run once…
54

Click on Webflow

Click on Webflow
55

Click on Update an Item…

Click on Update an Item…
56

Click on highlight

Click on highlight
57

Click on Commentaires

Click on Commentaires
58

Click on highlight

Click on highlight
59

Click on Commentaires

Click on Commentaires
60

Click on Item…

Click on Item…
61

Click on Item ID

Click on Item ID
62

Mettez une valeur au pif dans auteur puis cliquez sur valider.

Mettez une valeur au pif dans auteur puis cliquez sur valider.
63

On va faire tourner le scénario une fois en cliquant sur Run Once pour récupérer les données.

On va faire tourner le scénario une fois en cliquant sur Run Once pour récupérer les données.
64

Click on Name

Click on Name
65

Click on auteur…

Click on auteur…
66

Click on Commentaire

Click on Commentaire
67

Click on commentaire-brut

Click on commentaire-brut
68

Click on email

Click on email
69

Click on email

Click on email
70

Click on article…

Click on article…
71

Click on Item ID

Click on Item ID
72

Click on OK

Click on OK
73

On va maintenant s'assurer de récupérer l'id du bon article.

On va maintenant s'assurer de récupérer l'id du bon article.
74

Click on Name

Click on Name
75

Click on ​Name​…

Click on ​Name​…
76

Click on article-brut

Click on article-brut
77

Click on OK

Click on OK
78

Click on Run once…

Click on Run once…
79

Type "commentaires only"

Type "commentaires only"
80

Click on Text operators: Equal to…

Click on Text operators: Equal to…
81

Click on collectionId

Click on collectionId
82

Click on Text operators: Equal to…

Click on Text operators: Equal to…
83

Click on 650da3ed448ee38956abd9bc...

Click on 650da3ed448ee38956abd9bc...
84

Click on Run once…

Click on Run once…
85

Click on ​collectionId​…

Click on ​collectionId​…
86

Click on ​collectionId​…

Click on ​collectionId​…
87

Paste element

Paste element
88

Click on Label…

Click on Label…
89

Click on OK

Click on OK
90

Click on Immediately as data arrives.

Click on Immediately as data arrives.
    w

Webflow

0 Steps
Well done!
Create how-to guides like this in a snap. Get Tango now.