# To set a button for changing language on the website

**URL:** <https://forum.getkirby.com/t/to-set-a-button-for-changing-language-on-the-website/3122>\
**Category:** Questions\
**Tags:** v2\
**Created:** [January 25, 2016, 8:54pm UTC](https://forum.getkirby.com/t/to-set-a-button-for-changing-language-on-the-website/3122 "2016-01-25T20:54:34Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![malak96](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@malak96](https://forum.getkirby.com/u/malak96)\
**Post date:** [January 25, 2016, 8:54pm UTC](https://forum.getkirby.com/t/to-set-a-button-for-changing-language-on-the-website/3122/1 "2016-01-25T20:54:34Z")

</div>

hey guys,  
i have already set up my pages in the panel in german and english and i can open them but i need a button in the header on the website for changing the language … how can i do that ?

ps.: iam using a snippet-header , so i have several pages like a homepage, about-page, jobs-page ,…

---

<div class="post-metadata">

**Author:** ![lukasbestle](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/lukasbestle/32/11437_2.png) [@lukasbestle](https://forum.getkirby.com/u/lukasbestle)\
**Post date:** [January 25, 2016, 9:05pm UTC](https://forum.getkirby.com/t/to-set-a-button-for-changing-language-on-the-website/3122/2 "2016-01-25T21:05:37Z")

</div>

There are [examples to switch languages in the docs](https://getkirby.com/docs/languages/switching-languages).

---

<div class="post-metadata">

**Author:** ![malak96](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@malak96](https://forum.getkirby.com/u/malak96)\
**Post date:** [January 26, 2016, 8:11pm UTC](https://forum.getkirby.com/t/to-set-a-button-for-changing-language-on-the-website/3122/3 "2016-01-26T20:11:00Z")

</div>

how could i put this code in a if-statement, so that we have only a button (eng or german) which we can press and it changes the language

```auto

         <div class="languages">
            <ul>
                 <?php foreach($site->languages() as $language): ?>
                <li<?php e($site->language() == $language, ' class="active"') ?>>
                  <a href="<?php echo $page->url($language->code()) ?>">
                   <?php echo html($language->name()) ?>
                 </a>
                </li>
                <?php endforeach ?>
            </ul>
        </div>
  

```

like in the following pic …

![](https://europe1.discourse-cdn.com/flex017/uploads/getkirby/original/2X/d/d93c09e8d09240b6084f78b5c5e436e24e26d3bc.png)

![](https://europe1.discourse-cdn.com/flex017/uploads/getkirby/original/2X/7/768ddfc54dee6b28cf9d890d3680711c6f85b2b2.png)

---

<div class="post-metadata">

**Author:** ![lukasbestle](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/lukasbestle/32/11437_2.png) [@lukasbestle](https://forum.getkirby.com/u/lukasbestle)\
**Post date:** [January 26, 2016, 8:14pm UTC](https://forum.getkirby.com/t/to-set-a-button-for-changing-language-on-the-website/3122/4 "2016-01-26T20:14:48Z")

</div>

That would be something like this:

```auto
<div class="language">
  <?php if($site->language()->code() == 'en'): ?>
    <a href="<?php echo $page->url('de') ?>">DE</a>
  <?php else: ?>
    <a href="<?php echo $page->url('en') ?>">EN</a>
  <?php endif ?>
</div>

```

---

<div class="post-metadata">

**Author:** ![malak96](https://avatars.discourse-cdn.com/v4/letter/m/ac91a4/32.png) [@malak96](https://forum.getkirby.com/u/malak96)\
**Post date:** [January 26, 2016, 8:24pm UTC](https://forum.getkirby.com/t/to-set-a-button-for-changing-language-on-the-website/3122/5 "2016-01-26T20:24:26Z")

</div>

thaaank you for ur help 😄

---

<div class="post-metadata">

**Author:** ![distantnative](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/distantnative/32/11319_2.png) [@distantnative](https://forum.getkirby.com/u/distantnative)\
**Post date:** [February 6, 2025, 4:58pm UTC](https://forum.getkirby.com/t/to-set-a-button-for-changing-language-on-the-website/3122/6 "2025-02-06T16:58:05Z")

</div>