A WooCommerce shop on a site without WordPress
Products, prices, options and the cart come from the WooCommerce shop of demo.swiffle-grid.com. Checkout happens on that shop.
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="eyJwcm94eSI6Imh0dHBzOlwvXC9kZW1vLnN3aWZmbGUtZ3JpZC5jb21cLyIsInBvc3RzY2F0ZWdvcnkiOiIiLCJwb3N0c3NvdXJjZSI6Indvb2NhdGVnb3J5IiwiYmxvY2tjYXJkc3BlcnBncCI6IjIwIiwiY2FyZGFic3RyYWN0c2hvdyI6ImZhbHNlIiwiY2FyZGFic3RyYWN0c2hvd3AiOiJmYWxzZSIsImNhcmRpbWdwY3QiOiI4MyIsImNhcmRpbWdwY3RwIjoiODUiLCJjb21wb25lbnRwYXRoIjoiaHR0cHM6XC9cL2RlbW8uc3dpZmZsZS1ncmlkLmNvbVwvd3AtY29udGVudFwvcGx1Z2luc1wvc3dpZmZsZS1ncmlkLWVtYmVkLWRhdGEtYW55d2hlcmVcL2Nzc1wvIiwiY2FyZHJhdGVzaG93IjoiZmFsc2UiLCJjYXJkcmF0ZXNob3dwIjoiZmFsc2UiLCJibG9ja2lkIjoiIiwiY2FyZGlkIjoiIiwicG9zdHN1cmwiOiIiLCJvcmRlcmJ5IjoiZGF0ZSxERVNDIiwiZmlsdGVydGl0bGUiOiIiLCJmb2xsb3dwYWdlZmlsdGVyIjoidHJ1ZSIsImZvbGxvd3VybGZpbHRlciI6InRydWUiLCJmaWx0ZXJidG5zaG93IjoidHJ1ZSIsInNob3dub2RhdGFlcnIiOiJ0cnVlIiwiY2FyZGdhbGxlcnkiOiJzbGlkZSIsImJsb2NrZGVmbGF5b3V0Ijoid3JhcCIsImJsb2Nrc2hvd2xheW91dCI6InJvdyIsImJsb2NrZGVmbGF5b3V0cCI6IndyYXAiLCJibG9ja3Nob3dsYXlvdXRwIjoic3dpcGVmdWxsIiwiYmxvY2tjYXJkc3BlcnBnIjoiMjAiLCJibG9ja2xhbmciOiJ3cCIsImNhcmR3aWR0aCI6IjMwMHB4IiwiY2FyZHdpZHRocCI6IjMwMHB4IiwiY2FyZHdpZHRobWF4IjoiOTB2dyIsImNhcmR3aWR0aG1heHAiOiI5MHZ3IiwiY2FyZGhlaWdodCI6IjQwMHB4IiwiY2FyZGhlaWdodHAiOiI0MDBweCIsImNhcmRnYXAiOiIxMHB4IiwiY2FyZGdhcHAiOiIxMHB4IiwiY2FyZHRpdGxlb3ZlcnBpY3R1cmUiOiJ0cnVlIiwiY2FyZHRpdGxlb3ZlcnBpY3R1cmVwIjoidHJ1ZSIsImNhcmRjbGljayI6Im1vZGFsXC84MCIsImNhcmRjbGlja3AiOiJmbGlwIiwiY2FyZGltZ3NpemUiOiJsYXJnZSIsImNhcmRpbWdzaXplcCI6ImxhcmdlIiwiY2FyZHJhZGl1c3B4bCI6IjUiLCJjYXJkcmFkaXVzcHhscCI6IjUiLCJjYXJkaW1ncmFkaXVzcHhsIjoiMCIsImNhcmRpbWdyYWRpdXNweGxwIjoiMCIsImNhcmRkaXJlY3Rpb24iOiJjb2x1bW4iLCJjYXJkZGlyZWN0aW9ucCI6ImNvbHVtbiIsImNhcmRpY29uc2hvdyI6InRydWUiLCJjYXJkaWNvbnNob3dwIjoidHJ1ZSIsImNhcmRpbWdhZGp1c3RpbiI6ImNvdmVyIiwiY2FyZGltZ2FkanVzdGlucCI6ImNvdmVyIiwiY2FyZHNpbmdsZXN0eWxlIjoic3dpZmZsZSIsImNhcmR0aXRsZWZvbnRzaXplIjoiMTZweCIsImNhcmR0aXRsZWZvbnRzaXplcCI6IjE2cHgiLCJjYXJkZmxvd3RpdGxlc2hvdyI6InRydWUiLCJjYXJkZmxvd3RpdGxlIjoiIiwiY2FyZG5hdnVybCI6IiMiLCJjYXJkbmF2c2hvdyI6InRydWUiLCJjYXJkY29udGVudG9ubHkiOiJmYWxzZSIsImJsb2Nrc2hvd2NvbW1lbnRzIjoidHJ1ZSIsImNhcmRiZ2NvbG9yIjoiI2ZmZmZmZiIsImNhcmRmdGNvbG9yIjoiIzExMTExMSIsImNhcmRiZ2NvbG9ydGl0bGUiOiIjNDdiY2Q0IiwiY2FyZGZ0Y29sb3J0aXRsZSI6IiNmZmZmZmYiLCJjYXJkYmdjb2xvcmJ1dHRvbiI6IiM5NTU1YWYiLCJjYXJkZnRjb2xvcmJ1dHRvbiI6IiNmZmZmZmYiLCJjYXJkYmdjb2xvcmNvbW1lbnRzIjoiI2YzZjNmMyIsIm1pbmljYXJ0YnRuc2hvdyI6InRydWUiLCJtaW5pY2FydGJ0bnNob3dwIjoidHJ1ZSIsIm1pbmljYXJ0YnRuc2hhcGUiOiJTRiIsIm1pbmljYXJ0YnRuc2hhcGVwIjoiU0YiLCJtaW5pY2FydGJ0bmxvY2F0aW9uIjoiUiIsIm1pbmljYXJ0YnRubG9jYXRpb25wIjoiUiIsIm1pbmljYXJ0YnRuc2VsZWN0b3IiOiIjc2l0ZS1oZWFkZXItY2FydCIsIm1pbmljYXJ0YnRuc2VsZWN0b3JwIjoiI3NpdGUtaGVhZGVyLWNhcnQiLCJtaW5pY2FydGJ0bm1hcmdpbiI6IjIwdmgiLCJtaW5pY2FydGJ0bm1hcmdpbnAiOiIyMHZoIiwibWluaWNhcnRpY28iOiJiYWciLCJtaW5pY2FydGxvZ2luIjoidHJ1ZSIsImNhcmRwcmljZW92ZXJwaWN0dXJlIjoiZmFsc2UiLCJjYXJkcHJpY2VvdmVycGljdHVyZXAiOiJmYWxzZSIsImNhcmRwcmljZXNob3ciOiJ0cnVlIiwiY2FyZHByaWNlc2hvd3AiOiJ0cnVlIiwiY2FyZHRvY2FydHNob3ciOiJ0cnVlIiwiY2FyZHRvY2FydHNob3dwIjoidHJ1ZSIsImNhcmRvcHRpb25zc2hvdyI6InRydWUiLCJjYXJkb3B0aW9uc3Nob3dwIjoidHJ1ZSIsImNhcmRidGNhcnRzaXplIjoiNyIsImNhcmRidGNhcnRzaXplcCI6IjEwIiwiY2FyZGNhcnRidG5ybmQiOiJ0cnVlIiwiY2FyZGJnY29sb3JtaW5pY2FydCI6IiM5NTU1YWYiLCJjYXJkZnRjb2xvcm1pbmljYXJ0IjoiI2ZmZmZmZiIsImNhcmRiZ2NvbG9yYWxyIjoiI2ZmMDAwMCIsImNhcmRmdGNvbG9yYWxyIjoiI2ZmZmYwMCIsInN0YXJnb29kY29sb3IiOiIjZmZkNzAwIiwic3RhcmJhZGNvbG9yIjoiI2JkYmRiZCIsImNhcmRhbHJvdmVycGljdHVyZSI6InRydWUiLCJjYXJkYWxyb3ZlcnBpY3R1cmVwIjoidHJ1ZSIsImNhcmRwcm9tb3Nob3ciOiJzcGluIn0="></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