Menu
Interactions
Learn how to make your site more interactive
Adding a popup—Block
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/e8a61a73-6ae7-43cc-ab7e-af07805b483d/screen-shot-2022-01-07-at-3-11-07-pm.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=Mhsek2gimo2Wi0~KXwI~9c-NI1d4IxSM8a9A~Srqq8ziabs-WGYBxuqDVZgoZ3lZ3XlK-rQ5fmo8evo3bbmdKaacsG57wgIFKKenvfIOuyLE5g9UUocyWPR9pzNlE-O~E2-SzfHnnEkA0PbpKOdYlWtH0ePlnf7f7ystKZYBz3zGPebGkmCRpmuUaCL7Hhn-wvUYAmJz2bbH~y3EArMiddV8XYxxosKpCamEtuDu7tYdW4A5bIwrAGHKd9OBkWg8WBDRaHPzTPlQpljRKNng9RGDiVjWJP2XabLUT5C1sZ7YF8-R7nNE-rvhsGDPCEWXThUL7PRpw3Rp1GYUh2uC-w__&Key-Pair-Id=K2SKI2Y48Y62V1)
Creating a popup—DIY
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/e8a61a73-6ae7-43cc-ab7e-af07805b483d/screen-shot-2022-01-07-at-3-11-07-pm.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=Mhsek2gimo2Wi0~KXwI~9c-NI1d4IxSM8a9A~Srqq8ziabs-WGYBxuqDVZgoZ3lZ3XlK-rQ5fmo8evo3bbmdKaacsG57wgIFKKenvfIOuyLE5g9UUocyWPR9pzNlE-O~E2-SzfHnnEkA0PbpKOdYlWtH0ePlnf7f7ystKZYBz3zGPebGkmCRpmuUaCL7Hhn-wvUYAmJz2bbH~y3EArMiddV8XYxxosKpCamEtuDu7tYdW4A5bIwrAGHKd9OBkWg8WBDRaHPzTPlQpljRKNng9RGDiVjWJP2XabLUT5C1sZ7YF8-R7nNE-rvhsGDPCEWXThUL7PRpw3Rp1GYUh2uC-w__&Key-Pair-Id=K2SKI2Y48Y62V1)
Add clickable tabs—Block
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/4739a278-2469-4f81-a7ea-09416827fdf8/screen-shot-2022-01-07-at-2-30-41-pm.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=lnsvnzhDTP9fuERTlOy97PI9LtCk9g~NCDnqaA7V5tdfEDhfhDcGoxlxdW170lftfaarpaYPXjBUXMVgxo3xFuya5JTVmAbhjr5gQVhaBnkd6TKwAfqbSllCweiJ4NuK0jmEynvnfBTUqiwDCIMzNj4y00w6pwyiXDr5VLr0ttEzSHYBefLJubA-N2baoyTWQkpNprQwIpQguwHR0hkKWSULgT6pXmWsZYeKYzL79EK-vBZl7Ja6eRfabnABGvT1k4zCrk3LialRAwUcU97CgLIbzzK-nUBD6Gu3WagGfEShTGiVXShHiP92k2nqRLnI8u6Cc2cURAwrSi3xyXZ9-g__&Key-Pair-Id=K2SKI2Y48Y62V1)
Edit clickable tabs—Block
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/4739a278-2469-4f81-a7ea-09416827fdf8/screen-shot-2022-01-07-at-2-30-41-pm.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=lnsvnzhDTP9fuERTlOy97PI9LtCk9g~NCDnqaA7V5tdfEDhfhDcGoxlxdW170lftfaarpaYPXjBUXMVgxo3xFuya5JTVmAbhjr5gQVhaBnkd6TKwAfqbSllCweiJ4NuK0jmEynvnfBTUqiwDCIMzNj4y00w6pwyiXDr5VLr0ttEzSHYBefLJubA-N2baoyTWQkpNprQwIpQguwHR0hkKWSULgT6pXmWsZYeKYzL79EK-vBZl7Ja6eRfabnABGvT1k4zCrk3LialRAwUcU97CgLIbzzK-nUBD6Gu3WagGfEShTGiVXShHiP92k2nqRLnI8u6Cc2cURAwrSi3xyXZ9-g__&Key-Pair-Id=K2SKI2Y48Y62V1)
Clickable tabs—DIY
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/4739a278-2469-4f81-a7ea-09416827fdf8/screen-shot-2022-01-07-at-2-30-41-pm.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=lnsvnzhDTP9fuERTlOy97PI9LtCk9g~NCDnqaA7V5tdfEDhfhDcGoxlxdW170lftfaarpaYPXjBUXMVgxo3xFuya5JTVmAbhjr5gQVhaBnkd6TKwAfqbSllCweiJ4NuK0jmEynvnfBTUqiwDCIMzNj4y00w6pwyiXDr5VLr0ttEzSHYBefLJubA-N2baoyTWQkpNprQwIpQguwHR0hkKWSULgT6pXmWsZYeKYzL79EK-vBZl7Ja6eRfabnABGvT1k4zCrk3LialRAwUcU97CgLIbzzK-nUBD6Gu3WagGfEShTGiVXShHiP92k2nqRLnI8u6Cc2cURAwrSi3xyXZ9-g__&Key-Pair-Id=K2SKI2Y48Y62V1)
Flip cards—Block
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/1e9a541b-da6a-496c-b67e-9de81fec29fb/screen-shot-2022-01-07-at-3-09-30-pm.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=A8pl9-bpV1QsgALG-5Meq~SR2pJ9TxsrszbNq4PtuPh1si-BEcO4qB21QqRYkQZjo31dMrDWCVXUjoIcbauJ4Ehu5mjbFwAqnSKTU3c7eZNwws3rxXrpYz1a-jqeARUF1hvQCPw5HKt7hSDdTBgOYWODPdp2Kh4mQO6HmIdu0BU6Hxxy902hWWwBpg2cyOQmSaWddhx9iKIh4BBttuWQLzS2-LSlpC~XJJeJwRbQBKWKcwNfaIVyTLjJWv2-8k1yL6U3bkyqOaPYKyYKadztqtu~emfEPtITIOslFl6Vy9Qt7fzRz1yLENKP40dalRoD3IVptE7SFXBd8G4Srdss4w__&Key-Pair-Id=K2SKI2Y48Y62V1)
Interactive Map Basics
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/3baad33f-7538-4d29-8701-5868c581ef6c/screen-shot-2023-01-18-at-5-18-11-pm.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=iv1pmZ-Yh8GcI1rMnf0LzpGhTHvYGqrKLdepWHEBdl64JJiR18PwADE6H2i0Nk3ulYxNi6YpQ2kEYVnrX16iKW-17e7GT~nrUXgdQZ8H4DIzWw8SlSUpjOcHJj6f2bB9-EA5P-TlybDAcmosmgmEXaEB8nzHDTAEhqo1YtyDw3kjM5j1Vc5XJ1KG3-br14H4ODBhUbTAPLceG7ZLTrdBYADIUHO3CDVBVyU1AVdgFxx36FQmMxyGrWxvVvtMwlNoCXAnbiQ1M0dVSpBziq0K6ogivK~d5WfpuM0ovo0K6cajLOsxU9J9be7XCZc-k13uYKavcdVR~wjrkYSw~TpuaA__&Key-Pair-Id=K2SKI2Y48Y62V1)
Using Preset Animations
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/8371197c-95ce-49cf-9fcb-675f39b9704b/screen-shot-2022-01-04-at-9-22-00-am.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=OKzeb8srSR4-MDvUQ-BB09d6StyEOUtqiGtwlaLjgTlrZF-jTSBooVT9sD41JK82oo1qLtG7hMhEUppqBMcQLcc2QSIBdSC6S2fJZcJQ-az-gRB3XqtyLEu-IvOY1i4sGjXIZWNhis3tK0OSqDdT4g3Uqb7xu6BPT0J1FAF6TloMvzYcudKcsv0jou6BMKx-3JzpLoHUHfHSXNyNi8g9riRfviH7yEeZ~AClyOGZhksD-60MYcw8HGNrlYZkU5-H56pe-3zO671jE9W~oAn-sQRXtn2PSCikTqYOfep6PZSZdp0OgNnnI10Ic352vQex4RXs1zYSD5FQbH4i7xTHRQ__&Key-Pair-Id=K2SKI2Y48Y62V1)
Carousel—Block
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/247f781b-8785-44aa-90fd-42d00b47b1bb/screen-shot-2022-01-07-at-2-35-06-pm.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=uVBfWYXMX6IJV9o7usAxVU6A-DsjaWVk~4t7hbhKNOgu2Ee~BXxpcmK7a8bvn-qsHUeL6-T64KbI1PNDdIplN5QCOGSPG5DTPdinXPZ-o9Ky8SyKsi5-~KTK-ksPDOPHGNXB8YkXGORzFlTaWejCV3LrUblw43zu51sA0wq8gf8Oj8fmT~6liJh7D7YmsCNiEOj23~zvQQeLowp7S45PeFMCMtQdSDwZNDjYCVyQp2juCvtctdpfmMxxpG5HH~mCUNqZQ9hmJovio4aVABplCqhC2GrpMJMIocS7RM7~7FRuugW9E4~WD9itAn2FBkdLi1crWKp35QQlUtq1h1svAg__&Key-Pair-Id=K2SKI2Y48Y62V1)
Editing a Carousel
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/247f781b-8785-44aa-90fd-42d00b47b1bb/screen-shot-2022-01-07-at-2-35-06-pm.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=uVBfWYXMX6IJV9o7usAxVU6A-DsjaWVk~4t7hbhKNOgu2Ee~BXxpcmK7a8bvn-qsHUeL6-T64KbI1PNDdIplN5QCOGSPG5DTPdinXPZ-o9Ky8SyKsi5-~KTK-ksPDOPHGNXB8YkXGORzFlTaWejCV3LrUblw43zu51sA0wq8gf8Oj8fmT~6liJh7D7YmsCNiEOj23~zvQQeLowp7S45PeFMCMtQdSDwZNDjYCVyQp2juCvtctdpfmMxxpG5HH~mCUNqZQ9hmJovio4aVABplCqhC2GrpMJMIocS7RM7~7FRuugW9E4~WD9itAn2FBkdLi1crWKp35QQlUtq1h1svAg__&Key-Pair-Id=K2SKI2Y48Y62V1)
Removing Carousel Slides
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/247f781b-8785-44aa-90fd-42d00b47b1bb/screen-shot-2022-01-07-at-2-35-06-pm.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=uVBfWYXMX6IJV9o7usAxVU6A-DsjaWVk~4t7hbhKNOgu2Ee~BXxpcmK7a8bvn-qsHUeL6-T64KbI1PNDdIplN5QCOGSPG5DTPdinXPZ-o9Ky8SyKsi5-~KTK-ksPDOPHGNXB8YkXGORzFlTaWejCV3LrUblw43zu51sA0wq8gf8Oj8fmT~6liJh7D7YmsCNiEOj23~zvQQeLowp7S45PeFMCMtQdSDwZNDjYCVyQp2juCvtctdpfmMxxpG5HH~mCUNqZQ9hmJovio4aVABplCqhC2GrpMJMIocS7RM7~7FRuugW9E4~WD9itAn2FBkdLi1crWKp35QQlUtq1h1svAg__&Key-Pair-Id=K2SKI2Y48Y62V1)
Accordion—DIY
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/a5a786d3-1e6e-4a1c-8319-e774de61dea2/screen-shot-2022-01-07-at-2-33-04-pm.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=quggTNfaxTUH1Ne5ltbJA1szSCGXq~2UUuEEk0JJAXpuCQ3e68EEmrCSwUr50RXsn4mPIyInbO0dJpRyAH38~D1s9LfYLYTGTdu1OygW1J34GvdHKAlZtBZ9S6UhTpGpPjgkRJE11~gQgTvxyULP~EdzaSdfIO5c-poVrqLWPCuIavDGWoKJZydXflFBSWJv3S5Ncy0Dg1eYZHUq2NNWTQz9fSpl~sZWEI7rtZSM6QCDUsc2hO1jBmZ-vBki4lxgChe-PFGaFQ0Yp0OEjx1eqHT8KcPGYzalcncHNpz1sd0imHDjNfKnIYx3~XBZVQrWxx9Cxymb6mmeIjQuPiR4NQ__&Key-Pair-Id=K2SKI2Y48Y62V1)
Accordion—Block
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/a5a786d3-1e6e-4a1c-8319-e774de61dea2/screen-shot-2022-01-07-at-2-33-04-pm.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=quggTNfaxTUH1Ne5ltbJA1szSCGXq~2UUuEEk0JJAXpuCQ3e68EEmrCSwUr50RXsn4mPIyInbO0dJpRyAH38~D1s9LfYLYTGTdu1OygW1J34GvdHKAlZtBZ9S6UhTpGpPjgkRJE11~gQgTvxyULP~EdzaSdfIO5c-poVrqLWPCuIavDGWoKJZydXflFBSWJv3S5Ncy0Dg1eYZHUq2NNWTQz9fSpl~sZWEI7rtZSM6QCDUsc2hO1jBmZ-vBki4lxgChe-PFGaFQ0Yp0OEjx1eqHT8KcPGYzalcncHNpz1sd0imHDjNfKnIYx3~XBZVQrWxx9Cxymb6mmeIjQuPiR4NQ__&Key-Pair-Id=K2SKI2Y48Y62V1)
Text shows on hover—DIY
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/f3fc0b07-7fec-4a51-80b4-9a13ce0a683a/screen-shot-2022-01-07-at-9-39-29-am.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=T43e1W89PywsaIvzO9uYu4H5pWxX6k~IfVwv9PFXN775t6kPBB9mj-22CJ6N48E4N2c8b6aoxAKnn37-ar2akoOd5KAF~fxpaN5J7c-4RmayPNANYydyNSUu5omhkkw8hWo-CHYB28wA6TdNc7Sb4e7p0lZx0UBrnq-6G6ZkXtKnCnIcGEKdHFyVSHHh6L86EPQOg6FlS1Ky5MeF4~ewyWRU6--VuLYMR2hLBCfJ9wk02XxvN5MG5H1zGsaqXzwq-Ua7t0s84wlc7ZFanfXEZcK6RgpKc8p-KNUMnqBlUpxdRnvgMd2f~ZdzqIe99HG0q91tMbn3Uh6NGpk0aaNtgA__&Key-Pair-Id=K2SKI2Y48Y62V1)
Text rolls up on hover—DIY
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/95f5f434-d18c-4386-a00c-78352ba22070/screenshot-2023-10-30-at-12-27-06-pm.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=Rfg8MY1fVN4cMBrLLCGsKVRtDdaK1IkTEX5dw6wZ2M40LhheV8waISne6dBq8vcqyl5qfEbj71mW24cIdwfMUkXr48zcxx2w785Gwd50hEnkWNArUYTche2vJtpn3uvq22JQzUhBefnSt83xignoe2pm6-eQxNleSBQFTXW9i3kk7gWZadiUs--LIKxz2qAjIDAqK7unz2JdA1ZgA2LAHI4pHAN~GA62sQJGWi2LApIpmFquAlcyyW5tDYHR4gBoYRl~mt48ZfaPTksUncZR53ZKua3HfQSgVLZpGryogv5~ipRZEYczZJd5LuO2CjLj-IrvwmsRRZgLSA6HMSDVCg__&Key-Pair-Id=K2SKI2Y48Y62V1)
Show / learn more—DIY
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/9bbc7777-e2c1-4ca2-91d2-76725f32db5d/screen-shot-2022-01-07-at-3-17-38-pm.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=X~WypmsLUOEE~pP5olBBUn-utLEwzfp97jfa6FVlnibEqFEpSTq8H19O7hIE-JY7nHWmgMzsSsZLdM3H8NzTCKT61H2deQ6iIuSYaQypysxzSaaQTQRxeXTgbDvwYtYv43r~2vfwQWiTi3eO1OcFOY8OPKh6ygRu4iYRyqOEGYb2AE5oKARTylMdmR1XDe8zbSYIpM3ZALdLFvUrMerbQbj4Tv8hLE8ktwaI1DsMtxoZxkphLtse8RqGuJca5Q~n1ib5F~ArXauqIQ6YZQFle-2UAUvE2DYaVQzKwsMAXhWGXyMxAibMEEmZmA5ppcobyhz17LoPSE3clXaXLooqag__&Key-Pair-Id=K2SKI2Y48Y62V1)
Interactive pie chart—hover
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/3cf8eb72-02af-4e00-9c5b-af0caa101b89/screen-shot-2022-01-27-at-7-21-15-am.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=rQUbIPr4-ecIOijF2QxmHVPtLr0U~tRFgwy-ZQE-2yFT0fJlCt6IX8Lq4~SeceZMJ47-zgSYGn~~7grJPQM1NatXR4TqTcsFDUPMKXhQ9zzP-YhFZzs3yF0IV~FlSOL5yNwnl~rtz9makqAod2T8KS8qPuyK8HWBLMgIfq~Tf0FKvOicyw5319oM59L4s3AO2dgXmM64942Z~y4Q~hM63O3urV~cx8eJYinel3T9VNLoGLgt0KRFIPr3BIi1FwhpZugWUc4XtlhwT3Pzas4GqTaNZru9NSj5fTbOkVt5TOudPu5m7XajxLarAyzLmx5H90nGHygYyoHcXJmctqss1w__&Key-Pair-Id=K2SKI2Y48Y62V1)
Sequential fade-in interaction
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/56ca3593-0518-4556-a7b0-13ae86a89576/screen-shot-2022-08-18-at-8-12-31-am.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=nc4N9fNbbpNMAb8KiaeHfIzdCPpWlvmMTUkAo61wKmKzkmDDGPbDZLGv8xNWayYU~cB~ZzHPs~h3PeiTvY05CoSiPaRYmNywrdEhEBBrtVEp1Diky2B2kd9BGOBCTTUqJ146OD~S4h8YEq8r0i0pDPMSX1oS~FgYHS3YmTlKqU0zl-uS~QnXPMJ29tdvUnYWmjjvtorqsdCCFDafpfUsFiaMTMzQNN5qqnVZz3kUvwq3NZnvEGZQ8d-xBNrtiiPunfUo~lSlM1ISJI4Z3AGKLe~xLm8wMgqpyGJnQcrHPgvKnALOFnY8X6xCETWhy7uSuGh87wCn-vwe2zc00iK0fA__&Key-Pair-Id=K2SKI2Y48Y62V1)
Scrolling fade-in interaction
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/028842fa-0167-40ab-9b3c-903ebfc3bdd8/screen-shot-2022-08-18-at-8-14-56-am.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=GaUu4JP4gMb56enyoUw8LRmzKOm2sZRMGI3SHGXKIPP0ymkl99fbNXQGxGvLBpSCPSIzKMITFj4UVwNXVN2EPp8CUADDUzWgkhy6ZBsrxwi8k8cahWMl0LQr-YPYxtYALyMhvTt~h8rEBYpg2eUoB~CFBYEhFAt3ZqqkWKlTe7ObgNHNijStO4NxmieFU0N4bkDBw44PrRSu7sT519MK9cBCQtsGmXloJ0EnP7jHb49hedDWfUB-xe25DRTlEnmuLbYPRoSzjE5nDmkgEDdeEWhquRZ~awTPSNVp1zdf-bnb0yyIM675hYAjx8Q9os1XkT9S6A6nej2C3PTOg6TEDQ__&Key-Pair-Id=K2SKI2Y48Y62V1)
Create Simple filters
![](https://d16bl9hbknyxy0.cloudfront.net/3f377ab1-96f7-454d-a721-009b1ceb985f/b38d4a62-ee04-40df-b8ad-f1247260fe0b/screen-shot-2022-08-18-at-8-18-23-am.png?w=150&h=150&fit=inside&Expires=9223372036854775&Signature=tdezeJCWoNynZY6tDS7OQSMBLHuL1-Vs5dbMxA-5qWR8ismbFh6ek3xFMjxtjhfLm~zoHNveAfk3FZwOzkjXB6bqID7Dezil0IiZgLx65s4VC-KP7ZHYcw-qI371IItleNjULydPDYjb-0BCAt2xuoB52joxJKooSkXsfWIZkkFy93t9PsReEXZSrMALe2GXCFJOgfvlXPD8ZSsskhRY8N2Q2BSwdJkqQ3dlcApOKFD3v19kD5TP753Fa4J7bJSgjgo5ZYoMFmEXNjzjwRC01rykEPkD~hReMvNLB28hKQS5gBXnSmCdPb-8IUtVvwLY8cKjwzfzmPTgEiAIa-yV9Q__&Key-Pair-Id=K2SKI2Y48Y62V1)