My site is in the cryptocurrency space and I would like to have a cryptocurrency ticker scrolling across the top (like a stock ticker you would see on a financial site). If anyone knows of there is any prebuilt code to embed or a widget available for Shopify it would be super helpful!
Hi @nilesmoon
Hope you’re having a great day!
Are you talking about something like this? Find examples of widgets below.
1. Example 1
Code:
2. Auto-scrolling widget
Code :
3. Coin Heatmap Widget
Code:
4. Example with BTC
Code:
5. Example 5
See a full-width page example here.
Code:
<iframe src="https://widget.coinlib.io/widget?type=full_v2&theme=light&cnt=5&pref_coin_id=1505&graph=yes" width="100%" height="350px" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0" border="0" style="border:0;margin:0;padding:0;"></iframe>
[Cryptocurrency Prices](https://coinlib.io) by Coinlib
6. Live Coin Chart Bitcoin Widget
Code:
<iframe src="https://widget.coinlib.io/widget?type=chart&theme=light&coin_id=859&pref_coin_id=1505" width="100%" height="536px" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0" border="0" style="border:0;margin:0;padding:0;line-height:14px;"></iframe>
[Cryptocurrency Prices](https://coinlib.io) by Coinlib
7. Crypto/Bitcoin Currency Converter Widget
Code:
<iframe src="https://widget.coinlib.io/widget?type=converter&theme=light" width="250" height="310px" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0" border="0" style="border:0;margin:0;padding:0;"></iframe>
[Cryptocurrency Prices](https://coinlib.io) by Coinlib
8. Horizontal Live-Ticker (Pauses on hover)
Code:
<iframe src="https://widget.coinlib.io/widget?type=horizontal_v2&theme=light&pref_coin_id=1505&invert_hover=" width="100%" height="36px" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0" border="0" style="border:0;margin:0;padding:0;"></iframe>
[Cryptocurrency Prices](https://coinlib.io) by Coinlib
Integration:
To integrate one of these widgets, you just have to determine the page on which you want to do it and modify its code by following the following steps:
On which page of your store would you like to integrate the widget?
Sources:
If you have any further questions, please do reach out either here on the forum, or via private message/email.
Thank you so much! Worked great, much appreciated.
Hi @nilesmoon
You are welcome. I’m glad you were satisfied.
Please hit Like and Accept the Solution! Thanks
If you have any further questions, please do reach out either here on the forum, or via private message/email.
Hi,
Thanks for all the help… how do i integrate it across all of the pages?
Is there a way where it is always there?
Thank you
Thank you for sharing an easy way to check the price of different Cryptocurrencies. This was always a problem for me. I couldn’t find a website where I could find all the information I needed. Most of all, I am using the only BitCoin because it is the most common cryptocurrency. I make a lot of transactions using it, and the majority of clients accept only Bitcoin. For me, the most important aspect is the anonymous part of cryptocurrencies. I like that I can easily use the bitcoin tumbler, and it can delete all the tracks of a certain Bitcoin transaction.
Hi @Theevac
Hope you’re having a great day!
Did you finally manage to find a solution? Otherwise, I could help you.
Hi @Ketyball
You’re welcome. I’m happy to help.
Hi @Morek - I was wondering if you have a way to customize which coins are shown on the 2nd or 8th example?
Bitmedia.io bitcoin ads network helps advertisers to promote their products on Crypto traffic. Bitmedia is one of the oldest Bitcoin advertising networks on the internet.
Hey where do i implement it if i want it at the top of the page?
Check the website theevac.com
Adding a crypto price ticker to a website involves a few straightforward steps. First, choose a reliable cryptocurrency API, such as CoinGecko or CoinMarketCap, to fetch real-time price data. Register for an API key if required, and review the documentation to understand the necessary endpoints and parameters. Next, incorporate JavaScript code into your website to make asynchronous API calls, retrieve the latest prices, and dynamically update the displayed values. You can enhance the ticker’s appearance with HTML and CSS, making it blend seamlessly with your site’s design. Finally, ensure the ticker updates at regular intervals to provide the most current data, keeping your audience informed about the latest cryptocurrency market trends.