Как использовать оверлей checkoutpage.co

Поддержка
1

Я хочу использовать оверлей checkoutpage.co вот так:

https://checkoutpage.co/knowledge/sell-your-products-in-a-modal-on-your-site/

На моей конкретной странице сказано использовать этот код:

<script type="text/javascript" src="https://checkoutpage.co/js/overlay.js" defer></script>

После этого добавьте следующее (я хочу добавить это в тему):

<button class="cp-button" data-seller="5dd5bbcd1954eb0015e6ff53" data-checkout="rencontre-dans-les-laurentides">Купить сейчас</button>

Возможно ли это в Discourse?

Спасибо

2

Я думаю, вам потребуется создать компонент темы, который позволит добавлять код в тему. Найдите «theme howto».

3

Я немного поковырялся в этом и создал компонент темы, потому что вижу здесь большой потенциал.

После установки вы сможете использовать в постах что-то вроде этого, и оно автоматически преобразуется в кнопку.

[wrap=checkout data-seller=5aaa701149321a00145c99b9 data-checkout=ux-animation-tool-license]текст кнопки[/wrap]

При нажатии на эту кнопку появится модальное окно на основе предоставленной вами информации, такой как ID продавца и данные для оформления заказа.

Я создал демо-версию в Theme Creator:

https://theme-creator.discourse.org/theme/Johani/discourse-checkout

По нашей стороне всё работает, но я ещё ничего не покупал, так как раньше не использовал checkout-page. Не могли бы вы попробовать воспользоваться им, @FrancoisD, вы ведь любите покупать и продавать вещи, и отозваться с результатами?

Как только мы подтвердим, что всё работает, я перемещу это в категорию тем.

Также я оставил в коде комментарии, объясняющие, как всё это устроено.

4

Извини, @Johani, я был в отпуске во время праздников!

Это отлично, большое спасибо за твое время.

5

Привет, @Johani, успел ли ты оформить это в виде темы? :slightly_smiling_face: