A public REST API as cards
Data from the public PokeAPI, fetched through a custom connector on the WordPress side.
Same grid on the WordPress site | View this page's source
Code to paste
This is all this page contains to show the grid above. Paste it in any HTML page (Webflow, Shopify, Wix, a static site): the script line is needed only once per page.
<script src="https://demo.swiffle-grid.com/wp-content/plugins/swiffle-grid-embed-data-anywhere/js/swiffle_embed_loader.js?v=1.15" data-src="https://demo.swiffle-grid.com/wp-content/plugins/swiffle-grid-embed-data-anywhere-pro/js/swifflegridpro.js?v=1.15" data-cache-version="1.15"></script> <swiffle-grid datak="eyJwcm94eSI6Imh0dHBzOlwvXC9kZW1vLnN3aWZmbGUtZ3JpZC5jb21cLyIsInBvc3RzY2F0ZWdvcnkiOiIiLCJwb3N0c3VybCI6InN3Z19jb25uZWN0b3JfcG9rZWFwaSIsInBvc3Rzc291cmNlIjoiY3VzdG9tIiwiY2FyZHJhZGl1c3B4bCI6IjIwIiwiY2FyZHJhZGl1c3B4bHAiOiIyMCIsImNhcmRpbWdwY3QiOiIxMDAiLCJjYXJkaW1ncGN0cCI6IjEwMCIsImNvbXBvbmVudHBhdGgiOiJodHRwczpcL1wvZGVtby5zd2lmZmxlLWdyaWQuY29tXC93cC1jb250ZW50XC9wbHVnaW5zXC9zd2lmZmxlLWdyaWQtZW1iZWQtZGF0YS1hbnl3aGVyZVwvY3NzXC8iLCJibG9ja2lkIjoiIiwiY2FyZGlkIjoiIiwib3JkZXJieSI6ImRhdGUsREVTQyIsImZpbHRlcnRpdGxlIjoiIiwiZm9sbG93cGFnZWZpbHRlciI6InRydWUiLCJmb2xsb3d1cmxmaWx0ZXIiOiJ0cnVlIiwiZmlsdGVyYnRuc2hvdyI6InRydWUiLCJzaG93bm9kYXRhZXJyIjoidHJ1ZSIsImNhcmRnYWxsZXJ5Ijoic2xpZGUiLCJibG9ja2RlZmxheW91dCI6IndyYXAiLCJibG9ja3Nob3dsYXlvdXQiOiJyb3ciLCJibG9ja2RlZmxheW91dHAiOiJ3cmFwIiwiYmxvY2tzaG93bGF5b3V0cCI6InN3aXBlZnVsbCIsImJsb2NrY2FyZHNwZXJwZyI6IjIwIiwiYmxvY2tjYXJkc3BlcnBncCI6IjEyIiwiYmxvY2tsYW5nIjoid3AiLCJjYXJkd2lkdGgiOiIzMDBweCIsImNhcmR3aWR0aHAiOiIzMDBweCIsImNhcmR3aWR0aG1heCI6IjkwdnciLCJjYXJkd2lkdGhtYXhwIjoiOTB2dyIsImNhcmRoZWlnaHQiOiI0MDBweCIsImNhcmRoZWlnaHRwIjoiNDAwcHgiLCJjYXJkZ2FwIjoiMTBweCIsImNhcmRnYXBwIjoiMTBweCIsImNhcmRhYnN0cmFjdHNob3ciOiJ0cnVlIiwiY2FyZGFic3RyYWN0c2hvd3AiOiJ0cnVlIiwiY2FyZHRpdGxlb3ZlcnBpY3R1cmUiOiJ0cnVlIiwiY2FyZHRpdGxlb3ZlcnBpY3R1cmVwIjoidHJ1ZSIsImNhcmRjbGljayI6Im1vZGFsXC84MCIsImNhcmRjbGlja3AiOiJmbGlwIiwiY2FyZGltZ3NpemUiOiJsYXJnZSIsImNhcmRpbWdzaXplcCI6ImxhcmdlIiwiY2FyZGltZ3JhZGl1c3B4bCI6IjAiLCJjYXJkaW1ncmFkaXVzcHhscCI6IjAiLCJjYXJkZGlyZWN0aW9uIjoiY29sdW1uIiwiY2FyZGRpcmVjdGlvbnAiOiJjb2x1bW4iLCJjYXJkaWNvbnNob3ciOiJ0cnVlIiwiY2FyZGljb25zaG93cCI6InRydWUiLCJjYXJkaW1nYWRqdXN0aW4iOiJjb3ZlciIsImNhcmRpbWdhZGp1c3RpbnAiOiJjb3ZlciIsImNhcmRzaW5nbGVzdHlsZSI6InN3aWZmbGUiLCJjYXJkdGl0bGVmb250c2l6ZSI6IjE2cHgiLCJjYXJkdGl0bGVmb250c2l6ZXAiOiIxNnB4IiwiY2FyZGZsb3d0aXRsZXNob3ciOiJ0cnVlIiwiY2FyZGZsb3d0aXRsZSI6IiIsImNhcmRuYXZ1cmwiOiIjIiwiY2FyZG5hdnNob3ciOiJ0cnVlIiwiY2FyZGNvbnRlbnRvbmx5IjoiZmFsc2UiLCJibG9ja3Nob3djb21tZW50cyI6InRydWUiLCJjYXJkYmdjb2xvciI6IiNmZmZmZmYiLCJjYXJkZnRjb2xvciI6IiMxMTExMTEiLCJjYXJkYmdjb2xvcnRpdGxlIjoiIzQ3YmNkNCIsImNhcmRmdGNvbG9ydGl0bGUiOiIjZmZmZmZmIiwiY2FyZGJnY29sb3JidXR0b24iOiIjOTU1NWFmIiwiY2FyZGZ0Y29sb3JidXR0b24iOiIjZmZmZmZmIiwiY2FyZGJnY29sb3Jjb21tZW50cyI6IiNmM2YzZjMiLCJtaW5pY2FydGJ0bnNob3ciOiJ0cnVlIiwibWluaWNhcnRidG5zaG93cCI6InRydWUiLCJtaW5pY2FydGJ0bnNoYXBlIjoiU0YiLCJtaW5pY2FydGJ0bnNoYXBlcCI6IlNGIiwibWluaWNhcnRidG5sb2NhdGlvbiI6IlIiLCJtaW5pY2FydGJ0bmxvY2F0aW9ucCI6IlIiLCJtaW5pY2FydGJ0bnNlbGVjdG9yIjoiI3NpdGUtaGVhZGVyLWNhcnQiLCJtaW5pY2FydGJ0bnNlbGVjdG9ycCI6IiNzaXRlLWhlYWRlci1jYXJ0IiwibWluaWNhcnRidG5tYXJnaW4iOiIyMHZoIiwibWluaWNhcnRidG5tYXJnaW5wIjoiMjB2aCIsIm1pbmljYXJ0aWNvIjoiYmFnIiwibWluaWNhcnRsb2dpbiI6InRydWUiLCJjYXJkcHJpY2VvdmVycGljdHVyZSI6ImZhbHNlIiwiY2FyZHByaWNlb3ZlcnBpY3R1cmVwIjoiZmFsc2UiLCJjYXJkcHJpY2VzaG93IjoidHJ1ZSIsImNhcmRwcmljZXNob3dwIjoidHJ1ZSIsImNhcmR0b2NhcnRzaG93IjoidHJ1ZSIsImNhcmR0b2NhcnRzaG93cCI6InRydWUiLCJjYXJkcmF0ZXNob3ciOiJ0cnVlIiwiY2FyZHJhdGVzaG93cCI6InRydWUiLCJjYXJkb3B0aW9uc3Nob3ciOiJ0cnVlIiwiY2FyZG9wdGlvbnNzaG93cCI6InRydWUiLCJjYXJkYnRjYXJ0c2l6ZSI6IjciLCJjYXJkYnRjYXJ0c2l6ZXAiOiIxMCIsImNhcmRjYXJ0YnRucm5kIjoidHJ1ZSIsImNhcmRiZ2NvbG9ybWluaWNhcnQiOiIjOTU1NWFmIiwiY2FyZGZ0Y29sb3JtaW5pY2FydCI6IiNmZmZmZmYiLCJjYXJkYmdjb2xvcmFsciI6IiNmZjAwMDAiLCJjYXJkZnRjb2xvcmFsciI6IiNmZmZmMDAiLCJzdGFyZ29vZGNvbG9yIjoiI2ZmZDcwMCIsInN0YXJiYWRjb2xvciI6IiNiZGJkYmQiLCJjYXJkYWxyb3ZlcnBpY3R1cmUiOiJ0cnVlIiwiY2FyZGFscm92ZXJwaWN0dXJlcCI6InRydWUiLCJjYXJkcHJvbW9zaG93Ijoic3BpbiJ9"></swiffle-grid>
To show your own grid on your own site, the WordPress site that holds the data must allow the address of the page where you paste the code. How it works