How to link a button to a webpage?

Using Streamlit
25

Unfortunately we don’t yet support changing pages programmatically, but feel free to add your thoughts to this related GitHub Issue to help us prioritize this feature enhancement

26

For anyone landing here, there’s a non-official solution featured in streamlit-extras to switch page inside a multipage app. You can find it here https://extras.streamlit.app/Switch%20page%20function

3 Likes
27

hey @andfanilo
What if we have to open another streamlit page in same tab?

How can we do that please help me out.

28

But this doesn’t apply to the button when clicked.

29

Hi, is there an official solution for opening a new url today? Appreciate the help

30

So it seems the wonderful @jaypinho has come up with a wonderful solution here. There was another solution provided by the lovely @mathcatsand in the same page - context of in-page streamlit nav links but useful for external links too.

1 Like
31

There is also a Link Button on the roadmap for next quarter now. :balloon: :smile_cat:

1 Like
32

I found a robust solution which only requires the creation of a button via pure markdown with st.markdown (e.g. green button)

URL_STRING = "https://streamlit.io/"

st.markdown(
    f'<a href="{URL_STRING}" style="display: inline-block; padding: 12px 20px; background-color: #4CAF50; color: white; text-align: center; text-decoration: none; font-size: 16px; border-radius: 4px;">Action Text on Button</a>',
    unsafe_allow_html=True
)
2 Likes
33

Very handy and elegant solution.

I’ll use it myself! :slight_smile:

Happy Streamlit’in’! :balloon:

Charly

1 Like
34

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.

35

Hey there! There is now a native alternative st.link_button :balloon:

Read more about it in the docs.